/* =====================================================================
   AYORAHUB Core Engine 2.1 — scoped dashboard design system
   Every selector is scoped under .ayorahub-app. No global styles.
   ===================================================================== */

/* ---------- 1. Tokens ---------- */
.ayorahub-app {
	--ahc-bg0: #05070d;
	--ahc-bg1: #0a0f1c;
	--ahc-surface: rgba(15, 22, 40, .72);
	--ahc-surface-solid: #0d1424;
	--ahc-surface-2: rgba(23, 33, 58, .66);
	--ahc-field: rgba(6, 11, 23, .78);
	--ahc-line: rgba(148, 170, 220, .13);
	--ahc-line-2: rgba(148, 170, 220, .24);
	--ahc-text: #e7ecf6;
	--ahc-muted: #9aa7c0;
	--ahc-dim: #6f7d99;
	--ahc-cyan: #22d3ee;
	--ahc-teal: #2dd4bf;
	--ahc-violet: #8b5cf6;
	--ahc-ice: #b6e3ff;
	--ahc-magenta: #e879f9;
	--ahc-ok: #34d399;
	--ahc-bad: #f87171;
	--ahc-warn: #fbbf24;
	--ahc-grad: linear-gradient(120deg, #22d3ee 0%, #8b5cf6 62%, #e879f9 100%);
	--ahc-grad-btn: linear-gradient(135deg, #0e7490 0%, #4f46e5 60%, #6d28d9 100%);
	--ahc-r-sm: 9px;
	--ahc-r: 14px;
	--ahc-r-lg: 20px;
	--ahc-ease: cubic-bezier(.2, .7, .2, 1);
	--ahc-mono: ui-monospace, "SF Mono", "Cascadia Code", "JetBrains Mono", Menlo, Consolas, monospace;
	--ahc-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", sans-serif;

	box-sizing: border-box;
	position: relative;
	width: 100%;
	max-width: 1280px;
	margin: 0 auto 40px;
	padding: 0;
	color: var(--ahc-text);
	font: 15px/1.6 var(--ahc-sans);
	text-align: left;
	overflow-wrap: anywhere;
	color-scheme: dark;
	-webkit-font-smoothing: antialiased;
}
.ayorahub-app *, .ayorahub-app *::before, .ayorahub-app *::after { box-sizing: border-box; }
.ayorahub-app [hidden] { display: none !important; }
.ayorahub-app ::selection { background: rgba(139, 92, 246, .45); color: #fff; }

/* ---------- 2. Base typography (resets theme element styles inside the app) ---------- */
.ayorahub-app h2, .ayorahub-app h3, .ayorahub-app h4 { color: var(--ahc-text); font-family: var(--ahc-sans); font-weight: 700; letter-spacing: -.01em; text-transform: none; margin: 0 0 8px; line-height: 1.25; background: none; border: 0; padding: 0; }
.ayorahub-app h2 { font-size: 24px; }
.ayorahub-app h3 { font-size: 19px; }
.ayorahub-app h4 { font-size: 15.5px; }
.ayorahub-app p { margin: 0 0 10px; font-size: inherit; line-height: inherit; font-family: inherit; color: inherit; }
.ayorahub-app li, .ayorahub-app span, .ayorahub-app div, .ayorahub-app pre, .ayorahub-app a, .ayorahub-app button, .ayorahub-app input, .ayorahub-app select, .ayorahub-app textarea { font-family: inherit; }
.ayorahub-app li { font-size: inherit; list-style: inherit; color: inherit; }
.ayorahub-app ul, .ayorahub-app ol { margin: 0 0 10px; padding-left: 20px; list-style: disc; }
.ayorahub-app ul.ahc-list, .ayorahub-app ul.ahc-hero-chips { list-style: none; }
.ayorahub-app a { color: var(--ahc-ice); text-decoration: none; }
.ayorahub-app a:hover { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.ayorahub-app code, .ayorahub-app kbd { font-family: var(--ahc-mono); font-size: .86em; }
.ayorahub-app kbd { display: inline-block; padding: 1px 6px; border: 1px solid var(--ahc-line-2); border-bottom-width: 2px; border-radius: 6px; background: rgba(255, 255, 255, .04); color: var(--ahc-muted); line-height: 1.5; }
.ayorahub-app svg { display: inline-block; vertical-align: middle; }
.ayorahub-app .ahc-muted { color: var(--ahc-muted); }
.ayorahub-app .ahc-small { font-size: 13px; }
.ayorahub-app .ahc-mono { font-family: var(--ahc-mono); }
.ayorahub-app .ahc-big { font-size: 30px; font-weight: 800; letter-spacing: -.02em; line-height: 1.2; color: #fff; }
.ayorahub-app .ahc-grad { background: var(--ahc-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.ayorahub-app .ahc-sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* ---------- 3. Form controls: dark glass, never white ---------- */
.ayorahub-app input[type="text"], .ayorahub-app input[type="number"], .ayorahub-app input[type="date"], .ayorahub-app input[type="time"],
.ayorahub-app input[type="url"], .ayorahub-app input[type="search"], .ayorahub-app input[type="password"], .ayorahub-app input[type="email"],
.ayorahub-app select, .ayorahub-app textarea {
	width: 100%; max-width: 100%; margin: 0; padding: 11px 13px;
	border: 1px solid var(--ahc-line-2); border-radius: 11px;
	background: var(--ahc-field); background-image: linear-gradient(180deg, rgba(255, 255, 255, .025), rgba(255, 255, 255, 0));
	color: var(--ahc-text); -webkit-text-fill-color: var(--ahc-text); caret-color: var(--ahc-cyan);
	font-size: 15px; line-height: 1.5; letter-spacing: normal; text-transform: none;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03); height: auto; min-height: 44px; outline: none;
	transition: border-color .2s var(--ahc-ease), box-shadow .2s var(--ahc-ease), background-color .2s;
	-webkit-appearance: none; appearance: none;
}
.ayorahub-app select { padding-right: 36px; background-image: linear-gradient(45deg, transparent 50%, var(--ahc-muted) 50%), linear-gradient(135deg, var(--ahc-muted) 50%, transparent 50%); background-position: calc(100% - 18px) 52%, calc(100% - 13px) 52%; background-size: 5px 5px; background-repeat: no-repeat; cursor: pointer; }
.ayorahub-app option, .ayorahub-app optgroup { background: var(--ahc-surface-solid); color: var(--ahc-text); }
.ayorahub-app textarea { min-height: 130px; resize: vertical; line-height: 1.6; }
.ayorahub-app input::placeholder, .ayorahub-app textarea::placeholder { color: var(--ahc-dim); -webkit-text-fill-color: var(--ahc-dim); opacity: 1; }
.ayorahub-app input:hover, .ayorahub-app select:hover, .ayorahub-app textarea:hover { border-color: rgba(148, 170, 220, .36); }
.ayorahub-app input:focus, .ayorahub-app select:focus, .ayorahub-app textarea:focus {
	border-color: rgba(34, 211, 238, .7); background-color: rgba(8, 14, 30, .92);
	box-shadow: 0 0 0 3px rgba(34, 211, 238, .16), 0 0 24px -6px rgba(139, 92, 246, .55), inset 0 1px 0 rgba(255, 255, 255, .04);
}
.ayorahub-app input:-webkit-autofill, .ayorahub-app input:-webkit-autofill:hover, .ayorahub-app input:-webkit-autofill:focus, .ayorahub-app textarea:-webkit-autofill, .ayorahub-app select:-webkit-autofill {
	-webkit-text-fill-color: var(--ahc-text); caret-color: var(--ahc-cyan);
	-webkit-box-shadow: 0 0 0 1000px #0b1222 inset; box-shadow: 0 0 0 1000px #0b1222 inset;
	transition: background-color 99999s ease-out 0s;
}
.ayorahub-app input[readonly] { background: rgba(34, 211, 238, .05); }
.ayorahub-app input[type="date"]::-webkit-calendar-picker-indicator, .ayorahub-app input[type="time"]::-webkit-calendar-picker-indicator { filter: invert(.8); cursor: pointer; }
.ayorahub-app input[type="search"]::-webkit-search-cancel-button { filter: invert(.7); }
.ayorahub-app input[type="checkbox"], .ayorahub-app input[type="radio"] { width: 18px; height: 18px; min-height: 0; margin: 0 8px 0 0; accent-color: var(--ahc-cyan); flex: none; cursor: pointer; }
.ayorahub-app input[type="range"] { width: 100%; min-height: 0; padding: 0; border: 0; background: transparent; accent-color: var(--ahc-cyan); box-shadow: none; }
.ayorahub-app input[type="file"] { width: 100%; max-width: 100%; padding: 14px; border: 1px dashed var(--ahc-line-2); border-radius: 12px; background: rgba(34, 211, 238, .03); color: var(--ahc-muted); font-size: 14px; cursor: pointer; }
.ayorahub-app input[type="file"]:hover { border-color: rgba(34, 211, 238, .55); background: rgba(34, 211, 238, .06); }
.ayorahub-app input[type="file"]::file-selector-button { margin-right: 12px; padding: 8px 14px; border: 1px solid var(--ahc-line-2); border-radius: 9px; background: var(--ahc-surface-2); color: var(--ahc-text); font: 600 13px/1.2 var(--ahc-sans); cursor: pointer; }
.ayorahub-app input[type="color"] { width: 58px; height: 44px; padding: 4px; border: 1px solid var(--ahc-line-2); border-radius: 11px; background: var(--ahc-field); cursor: pointer; }
.ayorahub-app label { display: block; margin: 0 0 6px; color: var(--ahc-muted); font-size: 12.5px; font-weight: 600; letter-spacing: .02em; text-transform: none; }
.ayorahub-app label.ahc-inline { display: inline-flex; align-items: center; color: var(--ahc-text); font-size: 14px; font-weight: 500; margin-right: 16px; letter-spacing: 0; cursor: pointer; }

/* ---------- 4. Buttons ---------- */
.ayorahub-app .ahc-btn {
	position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: auto; min-height: 42px; margin: 0; padding: 10px 18px;
	border: 1px solid rgba(139, 92, 246, .55); border-radius: 11px; background: var(--ahc-grad-btn); color: #fff;
	font-family: var(--ahc-sans); font-size: 14px; font-weight: 650; line-height: 1.2; letter-spacing: .005em; text-transform: none; text-decoration: none; text-shadow: none;
	box-shadow: 0 6px 20px -8px rgba(79, 70, 229, .75), inset 0 1px 0 rgba(255, 255, 255, .16); cursor: pointer;
	transition: transform .15s var(--ahc-ease), box-shadow .2s var(--ahc-ease), filter .2s, background-color .2s, border-color .2s;
}
.ayorahub-app .ahc-btn:hover { color: #fff; filter: brightness(1.12); box-shadow: 0 10px 28px -8px rgba(34, 211, 238, .55), inset 0 1px 0 rgba(255, 255, 255, .2); text-decoration: none; }
.ayorahub-app .ahc-btn:active { transform: translateY(1px) scale(.985); }
.ayorahub-app .ahc-btn[disabled] { opacity: .45; cursor: not-allowed; filter: none; }
.ayorahub-app .ahc-btn.ahc-ghost { background: rgba(255, 255, 255, .03); border-color: var(--ahc-line-2); color: var(--ahc-text); box-shadow: none; }
.ayorahub-app .ahc-btn.ahc-ghost:hover { background: rgba(34, 211, 238, .08); border-color: rgba(34, 211, 238, .5); color: #fff; }
.ayorahub-app .ahc-btn.ahc-danger { background: rgba(248, 113, 113, .06); border-color: rgba(248, 113, 113, .35); color: #fecaca; box-shadow: none; }
.ayorahub-app .ahc-btn.ahc-danger:hover { background: rgba(248, 113, 113, .14); border-color: rgba(248, 113, 113, .6); }
.ayorahub-app .ahc-btn.ahc-sm { min-height: 34px; padding: 6px 12px; font-size: 13px; border-radius: 9px; }
.ayorahub-app .ahc-btn.ahc-copied { border-color: rgba(52, 211, 153, .7); }
.ayorahub-app .ahc-btn-glow::after { content: ""; position: absolute; inset: -1px; border-radius: inherit; background: var(--ahc-grad); opacity: .0; z-index: -1; filter: blur(14px); transition: opacity .3s; }
.ayorahub-app .ahc-btn-glow:hover::after { opacity: .55; }
.ayorahub-app .ahc-btn:focus-visible, .ayorahub-app .ahc-tab:focus-visible, .ayorahub-app .ahc-pill:focus-visible, .ayorahub-app .ahc-card-btn:focus-visible,
.ayorahub-app .ahc-opt:focus-visible, .ayorahub-app .ahc-switch:focus-visible, .ayorahub-app .ahc-search-trigger:focus-visible, .ayorahub-app a:focus-visible, .ayorahub-app .ahc-panel:focus-visible {
	outline: 2px solid var(--ahc-cyan); outline-offset: 3px;
}
.ayorahub-app .ahc-panel:focus { outline: none; }
.ayorahub-app .ahc-row { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin: 12px 0; }
.ayorahub-app .ahc-grid2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.ayorahub-app .ahc-grid3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.ayorahub-app .ahc-field { margin-bottom: 14px; }

/* ---------- 5. Hero ---------- */
.ayorahub-app .ahc-hero {
	position: relative; isolation: isolate; overflow: hidden; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr); gap: 24px; align-items: center;
	min-height: 300px; margin-bottom: 18px; padding: 40px 44px; border: 1px solid var(--ahc-line); border-radius: var(--ahc-r-lg);
	background: radial-gradient(120% 140% at 0% 0%, #0d1730 0%, #070b16 46%, #05070d 100%);
	box-shadow: 0 30px 80px -40px rgba(34, 211, 238, .25), inset 0 1px 0 rgba(255, 255, 255, .05);
}
.ayorahub-app .ahc-hero-fx { position: absolute; inset: 0; z-index: -1; pointer-events: none; overflow: hidden; }
.ayorahub-app .ahc-aurora { position: absolute; border-radius: 50%; opacity: .55; will-change: transform; }
.ayorahub-app .ahc-a1 { width: 620px; height: 420px; left: -160px; top: -200px; background: radial-gradient(closest-side, rgba(34, 211, 238, .42), rgba(34, 211, 238, 0)); animation: ahc-drift1 22s ease-in-out infinite alternate; }
.ayorahub-app .ahc-a2 { width: 560px; height: 460px; right: -140px; top: -120px; background: radial-gradient(closest-side, rgba(139, 92, 246, .45), rgba(139, 92, 246, 0)); animation: ahc-drift2 26s ease-in-out infinite alternate; }
.ayorahub-app .ahc-a3 { width: 420px; height: 300px; left: 38%; bottom: -200px; background: radial-gradient(closest-side, rgba(232, 121, 249, .22), rgba(232, 121, 249, 0)); animation: ahc-drift1 30s ease-in-out infinite alternate-reverse; }
.ayorahub-app .ahc-gridlines {
	position: absolute; inset: -40px 0 0 0; opacity: .5;
	background-image: linear-gradient(rgba(148, 170, 220, .09) 1px, transparent 1px), linear-gradient(90deg, rgba(148, 170, 220, .09) 1px, transparent 1px);
	background-size: 40px 40px;
	-webkit-mask-image: radial-gradient(80% 90% at 70% 40%, #000 0%, transparent 75%); mask-image: radial-gradient(80% 90% at 70% 40%, #000 0%, transparent 75%);
	animation: ahc-gridmove 14s linear infinite;
}
.ayorahub-app .ahc-scan { position: absolute; left: 0; right: 0; top: 0; height: 120px; background: linear-gradient(180deg, transparent, rgba(34, 211, 238, .07), transparent); transform: translateY(-140px); animation: ahc-scan 9s var(--ahc-ease) infinite; }
.ayorahub-app .ahc-glow { position: absolute; inset: 0; background: radial-gradient(360px circle at var(--ahc-mx, 70%) var(--ahc-my, 30%), rgba(34, 211, 238, .12), transparent 60%); transition: opacity .3s; }
.ayorahub-app .ahc-particles i { position: absolute; bottom: -10px; width: 3px; height: 3px; border-radius: 50%; background: var(--ahc-ice); box-shadow: 0 0 8px rgba(182, 227, 255, .9); opacity: 0; animation: ahc-rise 11s linear infinite; }
.ayorahub-app .ahc-particles i:nth-child(1) { left: 6%; animation-delay: 0s; }
.ayorahub-app .ahc-particles i:nth-child(2) { left: 14%; animation-delay: 3.2s; animation-duration: 13s; }
.ayorahub-app .ahc-particles i:nth-child(3) { left: 22%; animation-delay: 6.1s; }
.ayorahub-app .ahc-particles i:nth-child(4) { left: 31%; animation-delay: 1.4s; animation-duration: 15s; background: #c4b5fd; }
.ayorahub-app .ahc-particles i:nth-child(5) { left: 40%; animation-delay: 8.3s; }
.ayorahub-app .ahc-particles i:nth-child(6) { left: 47%; animation-delay: 4.7s; animation-duration: 12s; }
.ayorahub-app .ahc-particles i:nth-child(7) { left: 55%; animation-delay: 2.2s; background: #5eead4; }
.ayorahub-app .ahc-particles i:nth-child(8) { left: 62%; animation-delay: 9.6s; animation-duration: 14s; }
.ayorahub-app .ahc-particles i:nth-child(9) { left: 69%; animation-delay: 5.5s; }
.ayorahub-app .ahc-particles i:nth-child(10) { left: 76%; animation-delay: .8s; animation-duration: 16s; background: #c4b5fd; }
.ayorahub-app .ahc-particles i:nth-child(11) { left: 83%; animation-delay: 7.4s; }
.ayorahub-app .ahc-particles i:nth-child(12) { left: 89%; animation-delay: 3.9s; animation-duration: 12.5s; }
.ayorahub-app .ahc-particles i:nth-child(13) { left: 94%; animation-delay: 10.2s; background: #5eead4; }
.ayorahub-app .ahc-particles i:nth-child(14) { left: 51%; animation-delay: 6.8s; animation-duration: 17s; }
.ayorahub-app .ahc-hero-inner { position: relative; min-width: 0; }
.ayorahub-app .ahc-eyebrow { display: inline-flex; align-items: center; gap: 9px; margin: 0 0 14px; padding: 5px 12px 5px 10px; border: 1px solid var(--ahc-line-2); border-radius: 999px; background: rgba(255, 255, 255, .03); color: var(--ahc-ice); font: 600 11.5px/1.4 var(--ahc-mono); letter-spacing: .12em; text-transform: uppercase; }
.ayorahub-app .ahc-live-dot { position: relative; width: 7px; height: 7px; flex: none; border-radius: 50%; background: var(--ahc-teal); box-shadow: 0 0 0 0 rgba(45, 212, 191, .6); animation: ahc-pulse 2.4s ease-out infinite; }
.ayorahub-app .ahc-hero-title { margin: 0 0 12px; font-size: clamp(28px, 4.1vw, 48px); font-weight: 800; line-height: 1.06; letter-spacing: -.035em; color: #fff; text-transform: none; }
.ayorahub-app .ahc-hero-title span { display: inline-block; animation: ahc-reveal .9s var(--ahc-ease) both; }
.ayorahub-app .ahc-hero-title .ahc-grad { animation-delay: .15s; padding-bottom: .06em; }
.ayorahub-app .ahc-hero-sub { max-width: 520px; margin: 0 0 22px; color: #b8c3d9; font-size: 16.5px; animation: ahc-reveal .9s .3s var(--ahc-ease) both; }
.ayorahub-app .ahc-hero-cta { display: flex; flex-wrap: wrap; gap: 10px; animation: ahc-reveal .9s .42s var(--ahc-ease) both; }
.ayorahub-app .ahc-hero-cta kbd { margin-left: 4px; }
.ayorahub-app .ahc-hero-chips { display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 20px 0 0; padding: 0; color: var(--ahc-muted); font: 500 12.5px/1.4 var(--ahc-mono); animation: ahc-reveal .9s .54s var(--ahc-ease) both; }
.ayorahub-app .ahc-hero-chips li { display: inline-flex; align-items: center; gap: 7px; }
.ayorahub-app .ahc-hero-chips li::before { content: ""; width: 5px; height: 5px; border-radius: 1px; background: var(--ahc-cyan); transform: rotate(45deg); }
.ayorahub-app .ahc-hero-visual { position: relative; height: 220px; min-width: 0; }
.ayorahub-app .ahc-holo { position: absolute; border: 1px solid rgba(148, 170, 220, .2); border-radius: 14px; background: linear-gradient(160deg, rgba(23, 33, 58, .75), rgba(8, 12, 24, .6)); box-shadow: 0 20px 50px -20px rgba(0, 0, 0, .8), inset 0 1px 0 rgba(255, 255, 255, .06); }
.ayorahub-app .ahc-holo-main { right: 34px; top: 10px; width: min(300px, 92%); padding: 12px 14px 10px; animation: ahc-float 8s ease-in-out infinite; }
.ayorahub-app .ahc-holo-head { display: flex; align-items: center; gap: 5px; margin-bottom: 12px; }
.ayorahub-app .ahc-holo-head i { width: 7px; height: 7px; border-radius: 50%; background: rgba(148, 170, 220, .35); }
.ayorahub-app .ahc-holo-head b { flex: 1; height: 6px; margin-left: 8px; border-radius: 4px; background: linear-gradient(90deg, rgba(34, 211, 238, .35), rgba(139, 92, 246, .15)); }
.ayorahub-app .ahc-holo-bars { display: flex; align-items: flex-end; gap: 5px; height: 64px; }
.ayorahub-app .ahc-holo-bars span { flex: 1; height: 100%; border-radius: 3px 3px 1px 1px; background: linear-gradient(180deg, #22d3ee, rgba(139, 92, 246, .35)); transform-origin: bottom; animation: ahc-eq 3.2s ease-in-out infinite alternate; }
.ayorahub-app .ahc-holo-bars span:nth-child(3n) { animation-duration: 2.6s; animation-delay: -.8s; }
.ayorahub-app .ahc-holo-bars span:nth-child(3n+1) { animation-duration: 3.8s; animation-delay: -1.6s; }
.ayorahub-app .ahc-holo-bars span:nth-child(4n) { background: linear-gradient(180deg, #a78bfa, rgba(232, 121, 249, .25)); }
.ayorahub-app .ahc-holo-wave { width: 100%; height: 48px; margin-top: 6px; }
.ayorahub-app .ahc-holo-wave path { fill: none; stroke: var(--ahc-cyan); stroke-width: 1.6; stroke-dasharray: 360; stroke-dashoffset: 360; filter: drop-shadow(0 0 4px rgba(34, 211, 238, .7)); animation: ahc-draw 5s var(--ahc-ease) infinite; }
.ayorahub-app .ahc-holo-ring { left: 0; bottom: 6px; width: 112px; height: 112px; display: grid; place-items: center; border-radius: 50%; animation: ahc-float 9s -2s ease-in-out infinite; }
.ayorahub-app .ahc-holo-ring svg { position: absolute; inset: 10px; width: calc(100% - 20px); height: calc(100% - 20px); transform: rotate(-90deg); }
.ayorahub-app .ahc-holo-ring circle { fill: none; stroke: rgba(148, 170, 220, .14); stroke-width: 5; }
.ayorahub-app .ahc-holo-ring .ahc-holo-arc { stroke: var(--ahc-violet); stroke-linecap: round; stroke-dasharray: 201; stroke-dashoffset: 60; animation: ahc-orbit 7s linear infinite; transform-origin: 40px 40px; }
.ayorahub-app .ahc-holo-ring b { font: 800 26px/1 var(--ahc-sans); color: #fff; margin-top: 8px; }
.ayorahub-app .ahc-holo-ring small { position: absolute; bottom: 30px; color: var(--ahc-muted); font: 500 10px/1 var(--ahc-mono); letter-spacing: .1em; text-transform: uppercase; }
.ayorahub-app .ahc-holo-chip { right: 0; bottom: 18px; display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border-radius: 999px; color: var(--ahc-ice); font: 500 11.5px/1 var(--ahc-mono); letter-spacing: .06em; animation: ahc-float 7s -4s ease-in-out infinite; }

/* ---------- 6. App shell: sidebar + stage ---------- */
.ayorahub-app .ahc-shell { display: grid; grid-template-columns: 228px minmax(0, 1fr); gap: 18px; align-items: start; }
.ayorahub-app .ahc-nav {
	position: sticky; top: 88px; display: flex; flex-direction: column; gap: 4px; padding: 10px;
	border: 1px solid var(--ahc-line); border-radius: var(--ahc-r); background: linear-gradient(180deg, rgba(15, 22, 40, .85), rgba(9, 13, 26, .85));
}
.ayorahub-app .ahc-tab {
	position: relative; display: flex; align-items: center; gap: 11px; width: 100%; min-height: 44px; margin: 0; padding: 10px 12px;
	border: 1px solid transparent; border-radius: 10px; background: transparent; color: var(--ahc-muted);
	font-family: var(--ahc-sans); font-size: 14px; font-weight: 600; line-height: 1.2; letter-spacing: 0; text-transform: none; text-align: left; box-shadow: none; cursor: pointer;
	transition: background-color .2s, color .2s, border-color .2s;
}
.ayorahub-app .ahc-tab:hover { background: rgba(255, 255, 255, .04); color: var(--ahc-text); }
.ayorahub-app .ahc-tab[aria-selected="true"] { background: linear-gradient(90deg, rgba(34, 211, 238, .13), rgba(139, 92, 246, .08)); border-color: rgba(34, 211, 238, .28); color: #fff; }
.ayorahub-app .ahc-tab[aria-selected="true"]::before { content: ""; position: absolute; left: -11px; top: 10px; bottom: 10px; width: 3px; border-radius: 0 3px 3px 0; background: var(--ahc-grad); box-shadow: 0 0 12px rgba(34, 211, 238, .7); }
.ayorahub-app .ahc-ti { display: inline-grid; place-items: center; width: 20px; height: 20px; flex: none; }
.ayorahub-app .ahc-ti svg { width: 19px; height: 19px; }
.ayorahub-app .ahc-tab[aria-selected="true"] .ahc-ti { color: var(--ahc-cyan); }
.ayorahub-app .ahc-tl { flex: 1; min-width: 0; }
.ayorahub-app .ahc-tbadge { min-width: 20px; height: 20px; padding: 0 6px; border-radius: 999px; background: rgba(34, 211, 238, .15); color: var(--ahc-cyan); font: 700 11px/20px var(--ahc-mono); text-align: center; }
.ayorahub-app .ahc-stage { min-width: 0; }
.ayorahub-app .ahc-topbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 14px; padding: 8px 8px 8px 16px; border: 1px solid var(--ahc-line); border-radius: var(--ahc-r); background: rgba(12, 18, 34, .75); }
.ayorahub-app .ahc-crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; color: var(--ahc-dim); font: 500 12.5px/1.4 var(--ahc-mono); letter-spacing: .02em; }
.ayorahub-app .ahc-crumbs span + span::before { content: "/"; margin: 0 8px 0 4px; color: rgba(148, 170, 220, .3); }
.ayorahub-app .ahc-crumbs span:last-child { color: var(--ahc-text); }
.ayorahub-app .ahc-topbar-actions { display: flex; align-items: center; gap: 8px; }
.ayorahub-app .ahc-search-trigger { display: inline-flex; align-items: center; gap: 10px; min-width: 260px; min-height: 40px; margin: 0; padding: 7px 8px 7px 12px; border: 1px solid var(--ahc-line-2); border-radius: 10px; background: var(--ahc-field); color: var(--ahc-dim); font-family: var(--ahc-sans); font-size: 13.5px; font-weight: 500; text-transform: none; letter-spacing: 0; box-shadow: none; cursor: text; transition: border-color .2s; }
.ayorahub-app .ahc-search-trigger:hover { border-color: rgba(34, 211, 238, .5); color: var(--ahc-muted); background: var(--ahc-field); }
.ayorahub-app .ahc-search-trigger > span:nth-child(2) { flex: 1; text-align: left; }
.ayorahub-app .ahc-switch { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; margin: 0; padding: 6px 10px; border: 1px solid var(--ahc-line); border-radius: 10px; background: transparent; color: var(--ahc-muted); font-family: var(--ahc-sans); font-size: 13px; font-weight: 600; text-transform: none; letter-spacing: 0; box-shadow: none; cursor: pointer; }
.ayorahub-app .ahc-switch:hover { color: var(--ahc-text); border-color: var(--ahc-line-2); background: transparent; }
.ayorahub-app .ahc-switch-track { position: relative; width: 32px; height: 18px; border-radius: 999px; background: rgba(148, 170, 220, .22); transition: background-color .25s; }
.ayorahub-app .ahc-switch-track span { position: absolute; left: 2px; top: 2px; width: 14px; height: 14px; border-radius: 50%; background: #cbd5e1; transition: transform .25s var(--ahc-ease), background-color .25s; }
.ayorahub-app .ahc-switch[aria-pressed="true"] .ahc-switch-track { background: rgba(34, 211, 238, .35); }
.ayorahub-app .ahc-switch[aria-pressed="true"] .ahc-switch-track span { transform: translateX(14px); background: var(--ahc-cyan); }
.ayorahub-app .ahc-main { position: relative; min-width: 0; }
.ayorahub-app .ahc-panel:not([hidden]) { animation: ahc-in .38s var(--ahc-ease) both; }
.ayorahub-app .ahc-footer { margin-top: 22px; padding: 14px 4px 0; border-top: 1px solid var(--ahc-line); color: var(--ahc-dim); font-size: 12.5px; }
.ayorahub-app .ahc-footer p { margin: 0; }
.ayorahub-app .ahc-loading { display: grid; gap: 12px; }
.ayorahub-app .ahc-skel { display: block; height: 92px; border-radius: var(--ahc-r); background: linear-gradient(100deg, rgba(23, 33, 58, .5) 30%, rgba(48, 64, 104, .5) 50%, rgba(23, 33, 58, .5) 70%); background-size: 300% 100%; animation: ahc-shimmer 1.4s linear infinite; }
.ayorahub-app .ahc-skel.ahc-skel-line { height: 16px; margin: 8px 0; border-radius: 6px; }

/* ---------- 7. Section header, pills, cards ---------- */
.ayorahub-app .ahc-sec-head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 10px; margin: 2px 0 16px; }
.ayorahub-app .ahc-sec-head h2 { margin: 0; font-size: 22px; }
.ayorahub-app .ahc-sec-head p { margin: 4px 0 0; color: var(--ahc-muted); font-size: 14px; }
.ayorahub-app .ahc-kicker { display: block; margin-bottom: 6px; color: var(--ahc-cyan); font: 600 11px/1.3 var(--ahc-mono); letter-spacing: .16em; text-transform: uppercase; }
.ayorahub-app .ahc-pills { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 16px; padding: 4px; border: 1px solid var(--ahc-line); border-radius: 12px; background: rgba(8, 12, 24, .6); width: fit-content; max-width: 100%; }
.ayorahub-app .ahc-pill { display: inline-flex; align-items: center; gap: 7px; min-height: 36px; margin: 0; padding: 7px 13px; border: 1px solid transparent; border-radius: 9px; background: transparent; color: var(--ahc-muted); font-family: var(--ahc-sans); font-size: 13px; font-weight: 600; line-height: 1.3; letter-spacing: 0; text-transform: none; box-shadow: none; cursor: pointer; transition: background-color .2s, color .2s, border-color .2s; }
.ayorahub-app .ahc-pill:hover { color: var(--ahc-text); background: rgba(255, 255, 255, .04); }
.ayorahub-app .ahc-pill[aria-pressed="true"] { background: rgba(34, 211, 238, .12); border-color: rgba(34, 211, 238, .35); color: #fff; }
.ayorahub-app .ahc-pill svg { width: 15px; height: 15px; }

.ayorahub-app .ahc-card {
	position: relative; margin-bottom: 16px; padding: 20px; border: 1px solid var(--ahc-line); border-radius: var(--ahc-r);
	background: linear-gradient(180deg, rgba(20, 29, 52, .78), rgba(10, 15, 29, .78));
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 18px 40px -30px rgba(0, 0, 0, .9);
}
.ayorahub-app .ahc-card .ahc-card { background: rgba(6, 10, 21, .5); }
.ayorahub-app .ahc-card > h3:first-child, .ayorahub-app .ahc-card > h4:first-child { margin-top: 0; }
.ayorahub-app .ahc-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; }
.ayorahub-app .ahc-card-btn {
	--ahc-c: var(--ahc-cyan);
	position: relative; isolation: isolate; overflow: hidden; display: flex; flex-direction: column; align-items: flex-start; gap: 8px; width: 100%; min-height: 0; margin: 0; padding: 16px;
	border: 1px solid var(--ahc-line); border-radius: var(--ahc-r); background: linear-gradient(180deg, rgba(20, 29, 52, .72), rgba(10, 15, 29, .72));
	color: var(--ahc-text); font-family: var(--ahc-sans); font-size: 14px; font-weight: 400; text-align: left; text-transform: none; letter-spacing: 0; box-shadow: none; cursor: pointer;
	transition: transform .25s var(--ahc-ease), border-color .25s, box-shadow .25s, background-color .25s;
}
.ayorahub-app .ahc-card-btn::before { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; background: radial-gradient(260px circle at var(--ahc-x, 50%) var(--ahc-y, 0%), color-mix(in srgb, var(--ahc-c) 16%, transparent), transparent 70%); opacity: 0; transition: opacity .3s; }
.ayorahub-app .ahc-card-btn::after { content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 1px; background: linear-gradient(130deg, var(--ahc-c), transparent 45%, rgba(139, 92, 246, .8)); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; opacity: 0; transition: opacity .3s; pointer-events: none; }
.ayorahub-app .ahc-card-btn:hover { transform: translateY(-3px); border-color: transparent; box-shadow: 0 18px 40px -22px color-mix(in srgb, var(--ahc-c) 60%, transparent); color: var(--ahc-text); background: linear-gradient(180deg, rgba(24, 34, 60, .85), rgba(11, 17, 32, .85)); }
.ayorahub-app .ahc-card-btn:hover::before, .ayorahub-app .ahc-card-btn:hover::after, .ayorahub-app .ahc-card-btn:focus-visible::after { opacity: 1; }
.ayorahub-app .ahc-card-btn strong { color: #fff; font-size: 15px; font-weight: 650; }
.ayorahub-app .ahc-card-btn .ahc-desc { color: var(--ahc-muted); font-size: 13px; line-height: 1.5; }
.ayorahub-app .ahc-card-btn .ahc-go { position: absolute; right: 14px; top: 16px; color: var(--ahc-dim); transition: transform .25s var(--ahc-ease), color .25s; }
.ayorahub-app .ahc-card-btn:hover .ahc-go { transform: translateX(3px); color: var(--ahc-c); }
.ayorahub-app .ahc-ico { display: grid; place-items: center; width: 42px; height: 42px; flex: none; border: 1px solid color-mix(in srgb, var(--ahc-c, #22d3ee) 35%, transparent); border-radius: 12px; background: color-mix(in srgb, var(--ahc-c, #22d3ee) 10%, transparent); color: var(--ahc-c, var(--ahc-cyan)); box-shadow: inset 0 0 18px -8px var(--ahc-c, #22d3ee); }
.ayorahub-app .ahc-ico svg { width: 21px; height: 21px; }
.ayorahub-app .ahc-group { margin-bottom: 26px; }
.ayorahub-app .ahc-group-head { display: flex; align-items: center; gap: 12px; margin: 0 0 12px; }
.ayorahub-app .ahc-group-head h3 { margin: 0; font: 700 12.5px/1.3 var(--ahc-mono); letter-spacing: .16em; text-transform: uppercase; color: var(--ahc-c, var(--ahc-cyan)); }
.ayorahub-app .ahc-group-head::after { content: ""; flex: 1; height: 1px; background: linear-gradient(90deg, color-mix(in srgb, var(--ahc-c, #22d3ee) 40%, transparent), transparent); }
.ayorahub-app .ahc-group-head .ahc-badge { order: 2; }
.ayorahub-app .ahc-c-ai { --ahc-c: #a78bfa; }
.ayorahub-app .ahc-c-dev { --ahc-c: #22d3ee; }
.ayorahub-app .ahc-c-digital { --ahc-c: #2dd4bf; }
.ayorahub-app .ahc-c-media { --ahc-c: #f0abfc; }
.ayorahub-app .ahc-c-work { --ahc-c: #5eead4; }
.ayorahub-app .ahc-c-learn { --ahc-c: #fcd34d; }
.ayorahub-app .ahc-c-ice { --ahc-c: #b6e3ff; }

.ayorahub-app .ahc-note { margin-bottom: 14px; padding: 12px 14px 12px 40px; position: relative; border: 1px solid rgba(34, 211, 238, .28); border-radius: 12px; background: rgba(34, 211, 238, .06); color: #cdeefb; font-size: 14px; line-height: 1.55; }
.ayorahub-app .ahc-note::before { content: ""; position: absolute; left: 15px; top: 16px; width: 10px; height: 10px; border-radius: 3px; background: var(--ahc-cyan); transform: rotate(45deg); box-shadow: 0 0 10px rgba(34, 211, 238, .8); }
.ayorahub-app .ahc-note.ahc-warn { border-color: rgba(251, 191, 36, .32); background: rgba(251, 191, 36, .07); color: #fde7b0; }
.ayorahub-app .ahc-note.ahc-warn::before { background: var(--ahc-warn); box-shadow: 0 0 10px rgba(251, 191, 36, .7); }
.ayorahub-app .ahc-note.ahc-err { border-color: rgba(248, 113, 113, .38); background: rgba(248, 113, 113, .08); color: #fecaca; }
.ayorahub-app .ahc-note.ahc-err::before { background: var(--ahc-bad); box-shadow: 0 0 10px rgba(248, 113, 113, .7); }
.ayorahub-app .ahc-note.ahc-good { border-color: rgba(52, 211, 153, .32); background: rgba(52, 211, 153, .07); color: #c6f6e2; }
.ayorahub-app .ahc-note.ahc-good::before { background: var(--ahc-ok); box-shadow: 0 0 10px rgba(52, 211, 153, .7); }
.ayorahub-app .ahc-back { margin-bottom: 14px; }
.ayorahub-app .ahc-badge { display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; border: 1px solid var(--ahc-line-2); border-radius: 999px; background: rgba(255, 255, 255, .03); color: var(--ahc-muted); font: 600 11px/1.4 var(--ahc-mono); letter-spacing: .04em; white-space: nowrap; }
.ayorahub-app .ahc-badge.ahc-ok { border-color: rgba(52, 211, 153, .4); background: rgba(52, 211, 153, .1); color: #a7f3d0; }
.ayorahub-app .ahc-badge.ahc-bad { border-color: rgba(248, 113, 113, .45); background: rgba(248, 113, 113, .1); color: #fecaca; }

/* ---------- 8. Stats, rings, bars, charts ---------- */
.ayorahub-app .ahc-stats { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 10px; margin: 14px 0; }
.ayorahub-app .ahc-stat { position: relative; overflow: hidden; padding: 13px 14px; border: 1px solid var(--ahc-line); border-radius: 12px; background: linear-gradient(180deg, rgba(23, 33, 58, .6), rgba(10, 15, 29, .6)); }
.ayorahub-app .ahc-stat::after { content: ""; position: absolute; left: 14px; right: 14px; top: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(34, 211, 238, .5), transparent); }
.ayorahub-app .ahc-stat b { display: block; color: #fff; font-size: 22px; font-weight: 750; line-height: 1.25; letter-spacing: -.01em; font-variant-numeric: tabular-nums; }
.ayorahub-app .ahc-stat span { color: var(--ahc-muted); font-size: 12px; }
.ayorahub-app .ahc-bar { height: 8px; overflow: hidden; border-radius: 99px; background: rgba(148, 170, 220, .14); }
.ayorahub-app .ahc-bar > i { display: block; height: 100%; border-radius: 99px; background: var(--ahc-grad); box-shadow: 0 0 12px rgba(34, 211, 238, .5); transition: width .9s var(--ahc-ease); }
.ayorahub-app .ahc-bar.ahc-over > i { background: linear-gradient(90deg, #f87171, #fb923c); box-shadow: none; }
.ayorahub-app .ahc-ring { position: relative; display: inline-grid; place-items: center; flex: none; }
.ayorahub-app .ahc-ring svg { transform: rotate(-90deg); }
.ayorahub-app .ahc-ring circle { fill: none; stroke-width: 7; }
.ayorahub-app .ahc-ring .ahc-ring-track { stroke: rgba(148, 170, 220, .14); }
.ayorahub-app .ahc-ring .ahc-ring-arc { stroke: var(--ahc-c, var(--ahc-cyan)); stroke-linecap: round; transition: stroke-dashoffset 1.1s var(--ahc-ease); filter: drop-shadow(0 0 5px color-mix(in srgb, var(--ahc-c, #22d3ee) 70%, transparent)); }
.ayorahub-app .ahc-ring-label { position: absolute; inset: 0; display: grid; place-items: center; text-align: center; line-height: 1.1; }
.ayorahub-app .ahc-ring-label b { display: block; color: #fff; font-size: 18px; font-weight: 750; }
.ayorahub-app .ahc-ring-label small { display: block; color: var(--ahc-muted); font-size: 10.5px; }
.ayorahub-app .ahc-chart { display: flex; align-items: flex-end; gap: 8px; height: 140px; padding-top: 10px; }
.ayorahub-app .ahc-chart div { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 4px; height: 100%; color: var(--ahc-muted); font: 500 11px/1.2 var(--ahc-mono); }
.ayorahub-app .ahc-chart i { display: block; width: 100%; max-width: 36px; min-height: 3px; border-radius: 6px 6px 2px 2px; background: linear-gradient(180deg, var(--ahc-c, #22d3ee), rgba(139, 92, 246, .35)); box-shadow: 0 0 14px -4px var(--ahc-c, #22d3ee); transform-origin: bottom; animation: ahc-grow .8s var(--ahc-ease) both; }

/* ---------- 9. Lists, timeline, tasks ---------- */
.ayorahub-app .ahc-list { margin: 0; padding: 0; list-style: none; }
.ayorahub-app .ahc-list li { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 11px 12px; margin: 0 0 6px; border: 1px solid var(--ahc-line); border-radius: 11px; background: rgba(8, 12, 24, .5); transition: border-color .2s, background-color .2s; }
.ayorahub-app .ahc-list li:hover { border-color: var(--ahc-line-2); background: rgba(14, 20, 38, .7); }
.ayorahub-app .ahc-list li.ahc-muted { justify-content: center; border-style: dashed; color: var(--ahc-dim); }
.ayorahub-app .ahc-list .ahc-grow { flex: 1; min-width: 140px; }
.ayorahub-app .ahc-done .ahc-grow { text-decoration: line-through; text-decoration-color: rgba(148, 170, 220, .5); color: var(--ahc-dim); }
.ayorahub-app .ahc-prio-high { box-shadow: inset 3px 0 0 #f87171; }
.ayorahub-app .ahc-prio-med { box-shadow: inset 3px 0 0 #fbbf24; }
.ayorahub-app .ahc-prio-low { box-shadow: inset 3px 0 0 #64748b; }
.ayorahub-app .ahc-timeline li { position: relative; margin-left: 18px; }
.ayorahub-app .ahc-timeline li::before { content: ""; position: absolute; left: -18px; top: 50%; width: 9px; height: 9px; margin-top: -4.5px; border-radius: 50%; background: var(--ahc-surface-solid); border: 2px solid var(--ahc-cyan); }
.ayorahub-app .ahc-timeline li::after { content: ""; position: absolute; left: -14px; top: calc(50% + 7px); bottom: -14px; width: 1px; background: var(--ahc-line-2); }
.ayorahub-app .ahc-timeline li:last-child::after, .ayorahub-app .ahc-timeline li.ahc-muted::before, .ayorahub-app .ahc-timeline li.ahc-muted::after { display: none; }
.ayorahub-app .ahc-timeline li.ahc-done::before { background: var(--ahc-teal); border-color: var(--ahc-teal); }
.ayorahub-app .ahc-empty { display: grid; place-items: center; gap: 10px; padding: 28px 16px; border: 1px dashed var(--ahc-line-2); border-radius: var(--ahc-r); color: var(--ahc-dim); text-align: center; }
.ayorahub-app .ahc-empty svg { width: 34px; height: 34px; color: rgba(148, 170, 220, .45); }

/* ---------- 10. Output boxes, diff, previews ---------- */
.ayorahub-app .ahc-out { max-height: 440px; overflow: auto; padding: 14px; border: 1px solid var(--ahc-line); border-radius: 12px; background: #060a15; color: #d6deee; font: 13px/1.6 var(--ahc-mono); white-space: pre-wrap; }
.ayorahub-app .ahc-diff ins { background: rgba(52, 211, 153, .18); color: #a7f3d0; text-decoration: none; border-radius: 3px; }
.ayorahub-app .ahc-diff del { background: rgba(248, 113, 113, .18); color: #fecaca; border-radius: 3px; }
.ayorahub-app .ahc-preview { max-width: 100%; max-height: 340px; border: 1px solid var(--ahc-line-2); border-radius: 12px; background: repeating-conic-gradient(#111a2e 0 25%, #0b1222 0 50%) 0 0 / 16px 16px; }
.ayorahub-app .ahc-qr { margin: 6px 0; }
.ayorahub-app .ahc-qr canvas, .ayorahub-app .ahc-qr img { display: block; max-width: 100%; height: auto; border: 1px solid var(--ahc-line-2); border-radius: 12px; background: #fff; box-shadow: 0 0 0 6px rgba(34, 211, 238, .06), 0 20px 50px -24px rgba(34, 211, 238, .5); }

/* ---------- 11. Typing test ---------- */
.ayorahub-app .ahc-typing-text { padding: 18px; border: 1px solid var(--ahc-line); border-radius: 12px; background: #060a15; color: var(--ahc-dim); font: 18px/1.85 var(--ahc-mono); user-select: none; }
.ayorahub-app .ahc-typing-text .ok { color: #5eead4; }
.ayorahub-app .ahc-typing-text .bad { color: #fecaca; background: rgba(248, 113, 113, .2); border-radius: 2px; }
.ayorahub-app .ahc-typing-text .cur { color: var(--ahc-text); box-shadow: -2px 0 0 var(--ahc-cyan); animation: ahc-caret 1s steps(1) infinite; }

/* ---------- 12. AI workspace + chat ---------- */
.ayorahub-app .ahc-ai-stage { position: relative; isolation: isolate; overflow: hidden; }
.ayorahub-app .ahc-ai-stage::before { content: ""; position: absolute; inset: -40% -10% auto -10%; height: 260px; z-index: -1; background: radial-gradient(closest-side, rgba(139, 92, 246, .22), transparent), radial-gradient(closest-side at 70% 50%, rgba(34, 211, 238, .14), transparent); filter: blur(10px); animation: ahc-drift2 24s ease-in-out infinite alternate; pointer-events: none; }
.ayorahub-app .ahc-status { display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; border: 1px solid var(--ahc-line-2); border-radius: 999px; background: rgba(255, 255, 255, .03); color: var(--ahc-muted); font: 500 12px/1.3 var(--ahc-mono); }
.ayorahub-app .ahc-status i { width: 8px; height: 8px; border-radius: 50%; background: #64748b; }
.ayorahub-app .ahc-status.is-on i { background: var(--ahc-ok); box-shadow: 0 0 8px var(--ahc-ok); }
.ayorahub-app .ahc-status.is-off i { background: var(--ahc-warn); }
.ayorahub-app .ahc-chat { display: flex; flex-direction: column; gap: 12px; min-height: 240px; max-height: 480px; overflow-y: auto; margin-bottom: 12px; padding: 16px; border: 1px solid var(--ahc-line); border-radius: 14px; background: radial-gradient(120% 80% at 50% 0%, rgba(139, 92, 246, .08), transparent 60%), #060a15; }
.ayorahub-app .ahc-msg { max-width: 85%; padding: 11px 14px; border-radius: 14px; font-size: 14.5px; white-space: pre-wrap; animation: ahc-in .3s var(--ahc-ease) both; }
.ayorahub-app .ahc-msg.user { align-self: flex-end; border-bottom-right-radius: 4px; background: var(--ahc-grad-btn); color: #fff; box-shadow: 0 10px 24px -14px rgba(79, 70, 229, .9); }
.ayorahub-app .ahc-msg.bot { align-self: flex-start; border: 1px solid var(--ahc-line); border-bottom-left-radius: 4px; background: #111a2e; }
.ayorahub-app .ahc-msg.sys { align-self: center; max-width: 95%; border: 1px dashed rgba(251, 191, 36, .45); background: rgba(251, 191, 36, .06); color: #fde7b0; font-size: 13.5px; }
.ayorahub-app .ahc-msg .ahc-row { margin: 10px 0 0; }
.ayorahub-app .ahc-composer { position: relative; border: 1px solid var(--ahc-line-2); border-radius: 14px; background: var(--ahc-field); transition: border-color .2s, box-shadow .2s; }
.ayorahub-app .ahc-composer:focus-within { border-color: transparent; box-shadow: 0 0 0 1px rgba(34, 211, 238, .7), 0 0 0 4px rgba(139, 92, 246, .16), 0 0 30px -8px rgba(139, 92, 246, .6); }
.ayorahub-app .ahc-composer textarea, .ayorahub-app .ahc-composer textarea:focus { min-height: 88px; border: 0; border-radius: 14px; background: transparent; box-shadow: none; }
.ayorahub-app .ahc-composer .ahc-row { margin: 0; padding: 0 10px 10px; justify-content: flex-end; }
.ayorahub-app .ahc-prompt-out { border-color: rgba(139, 92, 246, .45); background: #070b17; font-family: var(--ahc-mono); font-size: 13.5px; }

/* ---------- 13. Quiz, flashcards, challenge ---------- */
.ayorahub-app .ahc-opt { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 48px; margin: 0 0 8px; padding: 11px 14px; border: 1px solid var(--ahc-line); border-radius: 12px; background: rgba(8, 12, 24, .55); color: var(--ahc-text); font-family: var(--ahc-sans); font-size: 14.5px; font-weight: 500; text-align: left; text-transform: none; letter-spacing: 0; box-shadow: none; cursor: pointer; transition: border-color .2s, background-color .2s, transform .15s; }
.ayorahub-app .ahc-opt:hover { border-color: rgba(34, 211, 238, .5); background: rgba(34, 211, 238, .06); color: #fff; }
.ayorahub-app .ahc-opt.right { border-color: rgba(52, 211, 153, .7); background: rgba(52, 211, 153, .12); color: #c6f6e2; }
.ayorahub-app .ahc-opt.wrong { border-color: rgba(248, 113, 113, .7); background: rgba(248, 113, 113, .12); color: #fecaca; animation: ahc-shake .35s; }
.ayorahub-app .ahc-flash { position: relative; overflow: hidden; padding: 34px 18px; text-align: center; background: radial-gradient(90% 120% at 50% 0%, rgba(252, 211, 77, .09), transparent 60%), linear-gradient(180deg, rgba(20, 29, 52, .8), rgba(10, 15, 29, .8)); }
.ayorahub-app .ahc-flash .ahc-word { margin-bottom: 6px; color: #fff; font-size: 34px; font-weight: 800; letter-spacing: -.02em; }
.ayorahub-app .ahc-days { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 8px; }
.ayorahub-app .ahc-day { padding: 11px; border: 1px solid var(--ahc-line); border-radius: 12px; background: rgba(8, 12, 24, .5); color: var(--ahc-muted); font-size: 13px; transition: border-color .2s, background-color .2s; }
.ayorahub-app .ahc-day label { display: flex; align-items: center; margin-bottom: 4px; color: var(--ahc-text); font-size: 13px; }
.ayorahub-app .ahc-day.done { border-color: rgba(45, 212, 191, .45); background: rgba(45, 212, 191, .08); color: #b9f4ea; }

/* ---------- 14. Prompt library ---------- */
.ayorahub-app .ahc-prompt-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 14px; }
.ayorahub-app .ahc-prompt { position: relative; display: flex; flex-direction: column; gap: 8px; padding: 16px; border: 1px solid var(--ahc-line); border-radius: var(--ahc-r); background: linear-gradient(180deg, rgba(20, 29, 52, .72), rgba(10, 15, 29, .72)); transition: border-color .25s, transform .25s var(--ahc-ease); }
.ayorahub-app .ahc-prompt:hover { border-color: rgba(139, 92, 246, .45); transform: translateY(-2px); }
.ayorahub-app .ahc-prompt h4 { color: #fff; }
.ayorahub-app .ahc-prompt pre { margin: 4px 0; max-height: 220px; overflow: auto; padding: 12px; border: 1px solid var(--ahc-line); border-radius: 10px; background: #060a15; color: #cfd8ea; font: 12.8px/1.6 var(--ahc-mono); white-space: pre-wrap; }

/* ---------- 15. Discover (editorial) ---------- */
.ayorahub-app .ahc-tip { position: relative; overflow: hidden; display: flex; flex-direction: column; margin: 0; padding: 0; border: 1px solid var(--ahc-line); border-radius: var(--ahc-r); background: linear-gradient(180deg, rgba(18, 26, 47, .85), rgba(9, 14, 27, .85)); transition: transform .3s var(--ahc-ease), border-color .3s, box-shadow .3s; }
.ayorahub-app .ahc-tip:hover { transform: translateY(-3px); border-color: color-mix(in srgb, var(--ahc-c, #22d3ee) 45%, transparent); box-shadow: 0 24px 50px -30px color-mix(in srgb, var(--ahc-c, #22d3ee) 70%, transparent); }
.ayorahub-app .ahc-tip-plate { position: relative; height: 92px; display: flex; align-items: flex-end; padding: 12px 16px; background: radial-gradient(120% 140% at 100% 0%, color-mix(in srgb, var(--ahc-c, #22d3ee) 38%, transparent), transparent 60%), linear-gradient(135deg, rgba(23, 33, 58, .9), rgba(8, 12, 24, .9)); border-bottom: 1px solid var(--ahc-line); }
.ayorahub-app .ahc-tip-plate::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(148, 170, 220, .07) 1px, transparent 1px), linear-gradient(90deg, rgba(148, 170, 220, .07) 1px, transparent 1px); background-size: 18px 18px; -webkit-mask-image: linear-gradient(90deg, transparent, #000); mask-image: linear-gradient(90deg, transparent, #000); }
.ayorahub-app .ahc-tip-plate svg { position: absolute; right: 16px; top: 16px; width: 34px; height: 34px; color: var(--ahc-c, var(--ahc-cyan)); opacity: .9; }
.ayorahub-app .ahc-tip-cat { position: relative; color: var(--ahc-c, var(--ahc-cyan)); font: 700 11px/1.3 var(--ahc-mono); letter-spacing: .16em; text-transform: uppercase; }
.ayorahub-app .ahc-tip-body { padding: 14px 16px 16px; }
.ayorahub-app .ahc-tip-body h4 { margin: 0 0 6px; color: #fff; font-size: 16.5px; line-height: 1.3; }
.ayorahub-app .ahc-tip-body p { margin: 0; color: var(--ahc-muted); font-size: 14px; }
.ayorahub-app .ahc-tip.ahc-feature { border-color: color-mix(in srgb, var(--ahc-c, #22d3ee) 35%, transparent); }
.ayorahub-app .ahc-tip.ahc-feature .ahc-tip-plate { height: 130px; }
.ayorahub-app .ahc-tip.ahc-feature h4 { font-size: 20px; }
.ayorahub-app .ahc-feed li a { color: var(--ahc-text); font-weight: 600; }
.ayorahub-app .ahc-feed li a:hover { color: var(--ahc-cyan); }

/* ---------- 16. Search palette ---------- */
.ayorahub-app .ahc-palette-backdrop { position: fixed; inset: 0; z-index: 100001; display: flex; align-items: flex-start; justify-content: center; padding: 10vh 16px 16px; background: rgba(2, 4, 10, .72); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); animation: ahc-fade .18s ease both; }
.ayorahub-app .ahc-palette { width: min(640px, 100%); max-height: 72vh; display: flex; flex-direction: column; overflow: hidden; border: 1px solid rgba(34, 211, 238, .35); border-radius: 16px; background: #0a1020; box-shadow: 0 40px 100px -20px rgba(0, 0, 0, .9), 0 0 0 1px rgba(139, 92, 246, .2), 0 0 60px -20px rgba(34, 211, 238, .45); animation: ahc-pop .22s var(--ahc-ease) both; }
.ayorahub-app .ahc-palette-head { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-bottom: 1px solid var(--ahc-line); color: var(--ahc-cyan); }
.ayorahub-app .ahc-palette-head input[type="search"], .ayorahub-app .ahc-palette-head input[type="search"]:focus { border: 0; background: transparent; box-shadow: none; font-size: 16px; padding-left: 0; }
.ayorahub-app .ahc-palette-list { margin: 0; padding: 8px; overflow-y: auto; list-style: none; }
.ayorahub-app .ahc-palette-list li { margin: 0; }
.ayorahub-app .ahc-palette-item { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 48px; margin: 0; padding: 8px 10px; border: 1px solid transparent; border-radius: 10px; background: transparent; color: var(--ahc-text); font-family: var(--ahc-sans); font-size: 14px; font-weight: 500; text-align: left; text-transform: none; letter-spacing: 0; box-shadow: none; cursor: pointer; }
.ayorahub-app .ahc-palette-item[aria-selected="true"], .ayorahub-app .ahc-palette-item:hover { border-color: rgba(34, 211, 238, .3); background: rgba(34, 211, 238, .08); color: #fff; }
.ayorahub-app .ahc-palette-item .ahc-ico { width: 32px; height: 32px; border-radius: 9px; }
.ayorahub-app .ahc-palette-item .ahc-ico svg { width: 16px; height: 16px; }
.ayorahub-app .ahc-palette-item small { margin-left: auto; color: var(--ahc-dim); font: 500 11px/1 var(--ahc-mono); letter-spacing: .08em; text-transform: uppercase; }
.ayorahub-app .ahc-palette-foot { display: flex; gap: 14px; padding: 8px 14px; border-top: 1px solid var(--ahc-line); color: var(--ahc-dim); font-size: 12px; }

/* ---------- 17. Toast ---------- */
.ayorahub-app .ahc-toast { position: fixed; left: 50%; bottom: 28px; z-index: 100002; display: inline-flex; align-items: center; gap: 9px; max-width: calc(100vw - 32px); padding: 10px 16px; border: 1px solid rgba(34, 211, 238, .4); border-radius: 12px; background: rgba(10, 16, 32, .96); color: #e7ecf6; font-size: 14px; box-shadow: 0 16px 40px -10px rgba(0, 0, 0, .8), 0 0 30px -10px rgba(34, 211, 238, .6); transform: translateX(-50%); animation: ahc-toast .3s var(--ahc-ease) both; }
.ayorahub-app .ahc-toast::before { content: ""; width: 8px; height: 8px; flex: none; border-radius: 50%; background: var(--ahc-ok); box-shadow: 0 0 8px var(--ahc-ok); }

/* ---------- 18. Keyframes ---------- */
@keyframes ahc-drift1 { from { transform: translate3d(0, 0, 0) scale(1); } to { transform: translate3d(120px, 60px, 0) scale(1.15); } }
@keyframes ahc-drift2 { from { transform: translate3d(0, 0, 0) scale(1.05); } to { transform: translate3d(-110px, 70px, 0) scale(.92); } }
@keyframes ahc-gridmove { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(0, 40px, 0); } }
@keyframes ahc-scan { 0% { transform: translateY(-140px); } 60%, 100% { transform: translateY(420px); } }
@keyframes ahc-rise { 0% { transform: translate3d(0, 0, 0); opacity: 0; } 15% { opacity: .9; } 85% { opacity: .5; } 100% { transform: translate3d(14px, -330px, 0); opacity: 0; } }
@keyframes ahc-pulse { 0% { box-shadow: 0 0 0 0 rgba(45, 212, 191, .6); } 70% { box-shadow: 0 0 0 8px rgba(45, 212, 191, 0); } 100% { box-shadow: 0 0 0 0 rgba(45, 212, 191, 0); } }
@keyframes ahc-reveal { from { opacity: 0; transform: translate3d(0, 14px, 0); filter: blur(6px); } to { opacity: 1; transform: none; filter: none; } }
@keyframes ahc-float { 0%, 100% { transform: translate3d(0, 0, 0); } 50% { transform: translate3d(0, -9px, 0); } }
@keyframes ahc-eq { 0% { transform: scaleY(.25); } 50% { transform: scaleY(.8); } 100% { transform: scaleY(.45); } }
@keyframes ahc-draw { 0% { stroke-dashoffset: 360; } 55%, 80% { stroke-dashoffset: 0; } 100% { stroke-dashoffset: -360; } }
@keyframes ahc-orbit { to { transform: rotate(360deg); } }
@keyframes ahc-in { from { opacity: 0; transform: translate3d(0, 8px, 0); } to { opacity: 1; transform: none; } }
@keyframes ahc-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes ahc-pop { from { opacity: 0; transform: translateY(-8px) scale(.98); } to { opacity: 1; transform: none; } }
@keyframes ahc-toast { from { opacity: 0; transform: translate(-50%, 12px); } to { opacity: 1; transform: translate(-50%, 0); } }
@keyframes ahc-shimmer { from { background-position: 100% 0; } to { background-position: -100% 0; } }
@keyframes ahc-grow { from { transform: scaleY(0); } to { transform: scaleY(1); } }
@keyframes ahc-caret { 50% { box-shadow: -2px 0 0 transparent; } }
@keyframes ahc-shake { 25% { transform: translateX(-4px); } 75% { transform: translateX(4px); } }

/* Hero animations pause when it scrolls out of view (class set by JS). */
.ayorahub-app .ahc-hero.is-off *, .ayorahub-app .ahc-hero.is-off *::before, .ayorahub-app .ahc-hero.is-off *::after { animation-play-state: paused !important; }

/* Reduced motion: OS setting or the dashboard's Motion switch. */
.ayorahub-app.ahc-still *, .ayorahub-app.ahc-still *::before, .ayorahub-app.ahc-still *::after { animation: none !important; transition-duration: .01ms !important; }
.ayorahub-app.ahc-still .ahc-particles, .ayorahub-app.ahc-still .ahc-scan { display: none; }
.ayorahub-app.ahc-still .ahc-holo-wave path { stroke-dashoffset: 0; }
@media (prefers-reduced-motion: reduce) {
	.ayorahub-app *, .ayorahub-app *::before, .ayorahub-app *::after { animation: none !important; transition-duration: .01ms !important; }
	.ayorahub-app .ahc-particles, .ayorahub-app .ahc-scan { display: none; }
	.ayorahub-app .ahc-holo-wave path { stroke-dashoffset: 0; }
}

/* ---------- 19. Responsive ---------- */
@media (max-width: 1100px) {
	.ayorahub-app .ahc-shell { grid-template-columns: 72px minmax(0, 1fr); }
	.ayorahub-app .ahc-nav { padding: 8px; }
	.ayorahub-app .ahc-tab { justify-content: center; padding: 10px 0; }
	.ayorahub-app .ahc-tab .ahc-tl { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
	.ayorahub-app .ahc-tab .ahc-tbadge { position: absolute; top: 2px; right: 2px; min-width: 16px; height: 16px; padding: 0 4px; font-size: 10px; line-height: 16px; }
	.ayorahub-app .ahc-tab[aria-selected="true"]::before { left: -9px; }
	.ayorahub-app .ahc-tab::after { content: attr(data-tip); position: absolute; left: calc(100% + 10px); top: 50%; z-index: 5; padding: 5px 9px; border: 1px solid var(--ahc-line-2); border-radius: 8px; background: #0a1020; color: var(--ahc-text); font-size: 12px; white-space: nowrap; opacity: 0; transform: translate(-4px, -50%); pointer-events: none; transition: opacity .15s, transform .15s; }
	.ayorahub-app .ahc-tab:hover::after, .ayorahub-app .ahc-tab:focus-visible::after { opacity: 1; transform: translate(0, -50%); }
	.ayorahub-app .ahc-hero { grid-template-columns: minmax(0, 1fr) minmax(0, .7fr); padding: 32px; }
}
@media (max-width: 860px) {
	.ayorahub-app .ahc-hero { grid-template-columns: minmax(0, 1fr); min-height: 0; padding: 28px 22px; }
	.ayorahub-app .ahc-hero-visual { display: none; }
	.ayorahub-app .ahc-search-trigger { min-width: 0; }
	.ayorahub-app .ahc-tip.ahc-feature { grid-column: auto; }
}
@media (max-width: 760px) {
	.ayorahub-app { font-size: 15px; }
	.ayorahub-app .ahc-shell { grid-template-columns: minmax(0, 1fr); gap: 12px; }
	.ayorahub-app .ahc-nav { position: static; flex-direction: row; gap: 4px; overflow-x: auto; padding: 6px; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
	.ayorahub-app .ahc-nav::-webkit-scrollbar { display: none; }
	.ayorahub-app .ahc-tab { flex: none; width: auto; justify-content: flex-start; padding: 9px 13px; }
	.ayorahub-app .ahc-tab .ahc-tl { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
	.ayorahub-app .ahc-tab .ahc-tbadge { position: static; }
	.ayorahub-app .ahc-tab::after { display: none; }
	.ayorahub-app .ahc-tab[aria-selected="true"]::before { left: 12px; right: 12px; top: auto; bottom: -7px; width: auto; height: 2px; border-radius: 2px; }
	.ayorahub-app .ahc-topbar { padding: 8px; }
	.ayorahub-app .ahc-crumbs { display: none; }
	.ayorahub-app .ahc-topbar-actions { width: 100%; }
	.ayorahub-app .ahc-search-trigger { flex: 1; }
	.ayorahub-app .ahc-search-trigger kbd, .ayorahub-app .ahc-hero-cta kbd { display: none; }
	.ayorahub-app .ahc-grid2, .ayorahub-app .ahc-grid3 { grid-template-columns: minmax(0, 1fr); }
	.ayorahub-app .ahc-card { padding: 16px; }
	.ayorahub-app .ahc-msg { max-width: 94%; }
	.ayorahub-app .ahc-prompt-grid { grid-template-columns: minmax(0, 1fr); }
	.ayorahub-app .ahc-cards { grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); }
	.ayorahub-app .ahc-hero-title { font-size: clamp(26px, 8vw, 34px); }
	.ayorahub-app .ahc-hero-sub { font-size: 15px; }
	.ayorahub-app .ahc-palette-backdrop { padding-top: 70px; }
	.ayorahub-app .ahc-pills { width: 100%; }
}
@media (max-width: 420px) {
	.ayorahub-app .ahc-cards { grid-template-columns: minmax(0, 1fr); }
	.ayorahub-app .ahc-hero { padding: 24px 18px; }
	.ayorahub-app .ahc-switch > span:last-child { display: none; }
}
@media print {
	.ayorahub-app .ahc-nav, .ayorahub-app .ahc-btn, .ayorahub-app .ahc-hero-fx, .ayorahub-app .ahc-topbar { display: none !important; }
}

/* =====================================================================
   AYORAHUB Core 2.1 — premium aurora command deck
   A complete visual layer over the established, data-compatible app shell.
   ===================================================================== */
.ayorahub-app {
	--ahc-bg0: #080d13;
	--ahc-bg1: #0b121a;
	--ahc-surface: rgba(16, 26, 36, .88);
	--ahc-surface-solid: #111b25;
	--ahc-surface-2: rgba(24, 39, 51, .82);
	--ahc-field: rgba(7, 14, 21, .9);
	--ahc-line: rgba(164, 193, 202, .14);
	--ahc-line-2: rgba(164, 193, 202, .26);
	--ahc-text: #e9f2f2;
	--ahc-muted: #a7b9bd;
	--ahc-dim: #82989e;
	--ahc-cyan: #69e6cf;
	--ahc-teal: #56d6bd;
	--ahc-violet: #8ea8ff;
	--ahc-ice: #c4e8e9;
	--ahc-magenta: #e9c27c;
	--ahc-ok: #66d6ad;
	--ahc-bad: #ff8c83;
	--ahc-warn: #efc87f;
	--ahc-grad: linear-gradient(112deg, #8df2d8 0%, #79c9e6 52%, #a9aaff 100%);
	--ahc-grad-btn: linear-gradient(118deg, #147c75 0%, #2779a0 55%, #565bb5 100%);
	--ahc-r-sm: 10px;
	--ahc-r: 17px;
	--ahc-r-lg: 26px;
	max-width: 1440px;
	color: var(--ahc-text);
	background: radial-gradient(ellipse at 50% 0%, rgba(63, 113, 121, .10), transparent 38%);
}
.ayorahub-app ::selection { background: rgba(105, 230, 207, .3); color: #fff; }
.ayorahub-app h2, .ayorahub-app h3, .ayorahub-app h4 { color: #edf6f5; }
.ayorahub-app .ahc-big, .ayorahub-app .ahc-card-btn strong, .ayorahub-app .ahc-tip-body h4 { color: #f2f8f6; }
.ayorahub-app .ahc-hero {
	min-height: 330px;
	margin-bottom: 22px;
	padding: clamp(28px, 4vw, 54px);
	border-color: rgba(141, 204, 201, .2);
	border-radius: 27px;
	background:
		radial-gradient(58% 120% at 94% 4%, rgba(91, 112, 183, .23), transparent 74%),
		radial-gradient(55% 110% at 3% 5%, rgba(60, 160, 142, .24), transparent 72%),
		linear-gradient(118deg, #0c191d 0%, #0c131d 50%, #101322 100%);
	box-shadow: 0 28px 74px -48px rgba(87, 214, 195, .34), inset 0 1px 0 rgba(235, 255, 250, .08);
}
.ayorahub-app .ahc-hero::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: linear-gradient(112deg, transparent 34%, rgba(186, 229, 224, .045) 34.1%, transparent 34.35%, transparent 67%, rgba(186, 229, 224, .04) 67.1%, transparent 67.35%);
	mask-image: linear-gradient(90deg, transparent, #000 30%, #000 92%, transparent);
	pointer-events: none;
}
.ayorahub-app .ahc-aurora { opacity: .42; filter: blur(2px); }
.ayorahub-app .ahc-a1 { background: radial-gradient(closest-side, rgba(105, 230, 207, .3), transparent); }
.ayorahub-app .ahc-a2 { background: radial-gradient(closest-side, rgba(142, 168, 255, .3), transparent); }
.ayorahub-app .ahc-a3 { background: radial-gradient(closest-side, rgba(233, 194, 124, .15), transparent); }
.ayorahub-app .ahc-gridlines {
	opacity: .32;
	background-image: linear-gradient(rgba(177, 217, 212, .11) 1px, transparent 1px), linear-gradient(90deg, rgba(177, 217, 212, .11) 1px, transparent 1px);
	background-size: 46px 46px;
}
.ayorahub-app .ahc-glow { background: radial-gradient(330px circle at var(--ahc-mx, 72%) var(--ahc-my, 32%), rgba(105, 230, 207, .1), transparent 68%); }
.ayorahub-app .ahc-eyebrow {
	margin-bottom: 18px;
	padding: 7px 13px 7px 11px;
	border-color: rgba(174, 219, 213, .2);
	background: rgba(7, 16, 20, .48);
	color: #c6e9e4;
	font-size: 10.5px;
	letter-spacing: .13em;
}
.ayorahub-app .ahc-live-dot { background: var(--ahc-cyan); box-shadow: 0 0 12px rgba(105, 230, 207, .45); }
.ayorahub-app .ahc-hero-title { max-width: 720px; margin-bottom: 14px; font-size: clamp(34px, 4.6vw, 58px); letter-spacing: -.052em; line-height: 1.02; }
.ayorahub-app .ahc-hero-title .ahc-grad { background-image: linear-gradient(105deg, #a6f4dc 0%, #91d9eb 56%, #b7c0ff 100%); }
.ayorahub-app .ahc-hero-sub { max-width: 490px; margin-bottom: 24px; color: #b8cccd; font-size: 16px; line-height: 1.65; }
.ayorahub-app .ahc-hero-cta { gap: 11px; }
.ayorahub-app .ahc-hero-chips { gap: 9px 20px; margin-top: 24px; color: #a7c0c0; font-size: 11.5px; }
.ayorahub-app .ahc-hero-chips li::before { width: 6px; height: 6px; border-radius: 50%; background: #76dec8; transform: none; box-shadow: 0 0 9px rgba(118, 222, 200, .5); }
.ayorahub-app .ahc-holo { border-color: rgba(177, 218, 213, .22); border-radius: 18px; background: linear-gradient(148deg, rgba(25, 45, 49, .82), rgba(13, 21, 32, .8)); box-shadow: 0 24px 58px -28px rgba(0, 0, 0, .84), inset 0 1px 0 rgba(239, 255, 250, .08); }
.ayorahub-app .ahc-holo-main { right: 22px; top: 2px; width: min(310px, 92%); padding: 14px 16px 12px; }
.ayorahub-app .ahc-holo-head b { background: linear-gradient(90deg, rgba(105, 230, 207, .42), rgba(142, 168, 255, .26)); }
.ayorahub-app .ahc-holo-bars span { background: linear-gradient(180deg, #69e6cf, rgba(52, 133, 137, .32)); }
.ayorahub-app .ahc-holo-bars span:nth-child(4n) { background: linear-gradient(180deg, #aabaff, rgba(101, 112, 179, .3)); }
.ayorahub-app .ahc-holo-wave path { stroke: #8ae9d5; filter: drop-shadow(0 0 5px rgba(105, 230, 207, .45)); }
.ayorahub-app .ahc-holo-ring .ahc-holo-arc { stroke: #9fb4ff; }
.ayorahub-app .ahc-holo-chip { border-color: rgba(137, 219, 205, .24); color: #c5ebe1; background: rgba(9, 22, 25, .82); }
.ayorahub-app .ahc-shell { grid-template-columns: 236px minmax(0, 1fr); gap: 20px; }
.ayorahub-app .ahc-nav {
	padding: 11px;
	border-color: rgba(164, 193, 202, .14);
	border-radius: 18px;
	background: linear-gradient(180deg, rgba(16, 26, 36, .94), rgba(11, 19, 27, .93));
	box-shadow: inset 0 1px 0 rgba(236, 255, 249, .045), 0 18px 42px -32px rgba(0, 0, 0, .85);
}
.ayorahub-app .ahc-tab { min-height: 46px; gap: 12px; border-radius: 12px; color: #a9b9bc; }
.ayorahub-app .ahc-tab:hover { background: rgba(175, 226, 218, .055); color: #e9f4f1; }
.ayorahub-app .ahc-tab[aria-selected="true"] { border-color: rgba(105, 230, 207, .19); background: linear-gradient(100deg, rgba(70, 165, 149, .19), rgba(80, 103, 162, .12)); color: #f1fbf7; }
.ayorahub-app .ahc-tab[aria-selected="true"]::before { left: -12px; background: linear-gradient(180deg, #91efd7, #8ea8ff); box-shadow: 0 0 13px rgba(105, 230, 207, .36); }
.ayorahub-app .ahc-tab[aria-selected="true"] .ahc-ti { color: #84e7d1; }
.ayorahub-app .ahc-tbadge { background: rgba(105, 230, 207, .13); color: #8de9d4; }
.ayorahub-app .ahc-topbar {
	margin-bottom: 17px;
	padding: 8px 9px 8px 16px;
	border-color: rgba(164, 193, 202, .13);
	border-radius: 15px;
	background: rgba(14, 23, 32, .86);
	box-shadow: inset 0 1px 0 rgba(240, 255, 251, .035);
}
.ayorahub-app .ahc-crumbs { color: #8da3a7; }
.ayorahub-app .ahc-search-trigger { border-radius: 11px; background: rgba(6, 13, 19, .78); }
.ayorahub-app .ahc-search-trigger:hover { border-color: rgba(105, 230, 207, .42); color: #c8dcda; }
.ayorahub-app .ahc-switch { border-radius: 11px; }
.ayorahub-app .ahc-switch-track { background: rgba(164, 193, 202, .25); }
.ayorahub-app .ahc-switch[aria-pressed="true"] .ahc-switch-track { background: rgba(105, 230, 207, .3); }
.ayorahub-app .ahc-switch[aria-pressed="true"] .ahc-switch-track span { background: #7be4ce; }
.ayorahub-app .ahc-panel:not([hidden]) { animation-duration: .32s; }
.ayorahub-app .ahc-sec-head { margin-bottom: 18px; }
.ayorahub-app .ahc-sec-head h2 { font-size: 24px; letter-spacing: -.035em; }
.ayorahub-app .ahc-sec-head p { color: #a8b9bc; }
.ayorahub-app .ahc-kicker { color: #7cdec9; font-size: 10px; letter-spacing: .17em; }
.ayorahub-app .ahc-pills { padding: 4px; border-color: rgba(164, 193, 202, .13); border-radius: 13px; background: rgba(8, 15, 21, .72); }
.ayorahub-app .ahc-pill { border-radius: 10px; }
.ayorahub-app .ahc-pill:hover { background: rgba(173, 222, 215, .06); }
.ayorahub-app .ahc-pill[aria-pressed="true"] { border-color: rgba(105, 230, 207, .24); background: rgba(105, 230, 207, .12); color: #effbf8; }
.ayorahub-app .ahc-card {
	margin-bottom: 17px;
	padding: 22px;
	border-color: rgba(164, 193, 202, .14);
	border-radius: 18px;
	background: linear-gradient(154deg, rgba(20, 32, 42, .92), rgba(12, 20, 28, .94));
	box-shadow: inset 0 1px 0 rgba(233, 251, 246, .05), 0 20px 48px -38px rgba(0, 0, 0, .85);
}
.ayorahub-app .ahc-card .ahc-card { border-radius: 15px; background: rgba(7, 14, 20, .62); }
.ayorahub-app .ahc-cards { gap: 14px; }
.ayorahub-app .ahc-card-btn {
	min-height: 152px;
	padding: 18px;
	border-color: rgba(164, 193, 202, .15);
	border-radius: 17px;
	background: linear-gradient(154deg, rgba(20, 32, 42, .86), rgba(11, 19, 27, .9));
}
.ayorahub-app .ahc-card-btn::before { background: radial-gradient(300px circle at var(--ahc-x, 50%) var(--ahc-y, 0%), color-mix(in srgb, var(--ahc-c) 13%, transparent), transparent 72%); }
.ayorahub-app .ahc-card-btn::after { background: linear-gradient(135deg, color-mix(in srgb, var(--ahc-c) 72%, white), transparent 45%, rgba(142, 168, 255, .56)); }
.ayorahub-app .ahc-card-btn:hover { transform: translateY(-2px); box-shadow: 0 18px 42px -30px color-mix(in srgb, var(--ahc-c) 45%, transparent); background: linear-gradient(154deg, rgba(23, 39, 48, .95), rgba(12, 21, 30, .96)); }
.ayorahub-app .ahc-card-btn .ahc-desc { color: #a9bbbe; }
.ayorahub-app .ahc-card-btn .ahc-go { color: #91a8aa; }
.ayorahub-app .ahc-ico { border-color: color-mix(in srgb, var(--ahc-c, #69e6cf) 31%, transparent); border-radius: 13px; background: color-mix(in srgb, var(--ahc-c, #69e6cf) 9%, #0a1318); box-shadow: inset 0 0 18px -10px var(--ahc-c, #69e6cf); }
.ayorahub-app .ahc-c-ai { --ahc-c: #a6b2ff; }
.ayorahub-app .ahc-c-dev { --ahc-c: #79d9ec; }
.ayorahub-app .ahc-c-digital { --ahc-c: #67e3c6; }
.ayorahub-app .ahc-c-media { --ahc-c: #dfb9f0; }
.ayorahub-app .ahc-c-work { --ahc-c: #75e3cb; }
.ayorahub-app .ahc-c-learn { --ahc-c: #ebc77e; }
.ayorahub-app .ahc-c-ice { --ahc-c: #b3dce7; }
.ayorahub-app input[type="text"], .ayorahub-app input[type="number"], .ayorahub-app input[type="date"], .ayorahub-app input[type="time"],
.ayorahub-app input[type="url"], .ayorahub-app input[type="search"], .ayorahub-app input[type="password"], .ayorahub-app input[type="email"],
.ayorahub-app select, .ayorahub-app textarea {
	border-color: rgba(164, 193, 202, .24);
	border-radius: 12px;
	background-color: rgba(7, 14, 20, .92);
	box-shadow: inset 0 1px 0 rgba(230, 255, 250, .035);
}
.ayorahub-app input:hover, .ayorahub-app select:hover, .ayorahub-app textarea:hover { border-color: rgba(164, 193, 202, .38); }
.ayorahub-app input:focus, .ayorahub-app select:focus, .ayorahub-app textarea:focus { border-color: rgba(105, 230, 207, .72); background-color: #0a171c; box-shadow: 0 0 0 3px rgba(105, 230, 207, .12), 0 0 24px -8px rgba(105, 230, 207, .38), inset 0 1px 0 rgba(230, 255, 250, .045); }
.ayorahub-app input[type="checkbox"], .ayorahub-app input[type="radio"], .ayorahub-app input[type="range"] { accent-color: #69e6cf; }
.ayorahub-app input[type="file"]:hover { border-color: rgba(105, 230, 207, .5); background: rgba(105, 230, 207, .045); }
.ayorahub-app .ahc-btn { min-height: 44px; border-color: rgba(141, 222, 207, .3); border-radius: 12px; background: var(--ahc-grad-btn); box-shadow: 0 9px 22px -14px rgba(63, 169, 164, .72), inset 0 1px 0 rgba(255, 255, 255, .18); }
.ayorahub-app .ahc-btn:hover { box-shadow: 0 12px 30px -15px rgba(105, 230, 207, .52), inset 0 1px 0 rgba(255, 255, 255, .22); }
.ayorahub-app .ahc-btn.ahc-ghost { border-color: rgba(164, 193, 202, .25); background: rgba(240, 255, 250, .035); }
.ayorahub-app .ahc-btn.ahc-ghost:hover { border-color: rgba(105, 230, 207, .42); background: rgba(105, 230, 207, .08); }
.ayorahub-app .ahc-btn.ahc-danger { border-color: rgba(255, 140, 131, .34); background: rgba(255, 140, 131, .07); color: #ffc0b8; }
.ayorahub-app .ahc-btn:focus-visible, .ayorahub-app .ahc-tab:focus-visible, .ayorahub-app .ahc-pill:focus-visible, .ayorahub-app .ahc-card-btn:focus-visible,
.ayorahub-app .ahc-opt:focus-visible, .ayorahub-app .ahc-switch:focus-visible, .ayorahub-app .ahc-search-trigger:focus-visible, .ayorahub-app a:focus-visible, .ayorahub-app .ahc-panel:focus-visible { outline-color: #8bead4; }
.ayorahub-app .ahc-stat { border-radius: 14px; border-color: rgba(164, 193, 202, .12); background: rgba(7, 14, 20, .58); }
.ayorahub-app .ahc-stat b { color: #d5f2e9; }
.ayorahub-app .ahc-note { border-color: rgba(164, 193, 202, .2); border-radius: 13px; background: rgba(164, 193, 202, .045); }
.ayorahub-app .ahc-note.ahc-warn { border-color: rgba(239, 200, 127, .32); background: rgba(239, 200, 127, .07); color: #f5dfb4; }
.ayorahub-app .ahc-status { border-color: rgba(164, 193, 202, .18); border-radius: 999px; background: rgba(227, 250, 244, .035); }
.ayorahub-app .ahc-out, .ayorahub-app .ahc-typing-text, .ayorahub-app .ahc-chat, .ayorahub-app .ahc-prompt pre { border-color: rgba(164, 193, 202, .16); border-radius: 14px; background-color: #091117; }
.ayorahub-app .ahc-msg.user { background: linear-gradient(130deg, #177e75, #435bab); }
.ayorahub-app .ahc-msg.bot { background: #15232b; }
.ayorahub-app .ahc-opt:hover { border-color: rgba(105, 230, 207, .38); background: rgba(105, 230, 207, .06); }
.ayorahub-app .ahc-opt.right { border-color: rgba(102, 214, 173, .58); background: rgba(102, 214, 173, .11); color: #c7f2df; }
.ayorahub-app .ahc-prompt, .ayorahub-app .ahc-tip { border-color: rgba(164, 193, 202, .15); border-radius: 17px; background: linear-gradient(155deg, rgba(20, 32, 42, .9), rgba(11, 19, 27, .94)); }
.ayorahub-app .ahc-prompt:hover, .ayorahub-app .ahc-tip:hover { border-color: color-mix(in srgb, var(--ahc-c, #69e6cf) 42%, transparent); box-shadow: 0 22px 48px -34px color-mix(in srgb, var(--ahc-c, #69e6cf) 55%, transparent); }
.ayorahub-app .ahc-tip-plate { border-bottom-color: rgba(164, 193, 202, .13); background: radial-gradient(120% 140% at 100% 0%, color-mix(in srgb, var(--ahc-c, #69e6cf) 26%, transparent), transparent 62%), linear-gradient(135deg, #172a31, #101821); }
.ayorahub-app .ahc-tip-plate::before { opacity: .6; }
.ayorahub-app .ahc-palette-backdrop { background: rgba(2, 7, 11, .78); }
.ayorahub-app .ahc-palette { border-color: rgba(105, 230, 207, .3); border-radius: 20px; background: #0d171e; box-shadow: 0 40px 100px -20px rgba(0, 0, 0, .92), 0 0 0 1px rgba(142, 168, 255, .1); }
.ayorahub-app .ahc-palette-head { color: #7ce3cd; }
.ayorahub-app .ahc-palette-item[aria-selected="true"], .ayorahub-app .ahc-palette-item:hover { border-color: rgba(105, 230, 207, .24); background: rgba(105, 230, 207, .085); }
.ayorahub-app .ahc-toast { border-color: rgba(105, 230, 207, .32); border-radius: 14px; background: rgba(11, 21, 27, .97); box-shadow: 0 18px 44px -14px rgba(0, 0, 0, .8), 0 0 28px -14px rgba(105, 230, 207, .42); }
.ayorahub-app .ahc-footer { border-top-color: rgba(164, 193, 202, .14); color: #879da2; }
.ayorahub-app .ahc-skel { border: 1px solid rgba(164, 193, 202, .08); border-radius: 16px; background: linear-gradient(100deg, rgba(20, 32, 42, .64) 30%, rgba(46, 72, 77, .62) 50%, rgba(20, 32, 42, .64) 70%); background-size: 300% 100%; }
@media (max-width: 1100px) {
	.ayorahub-app .ahc-shell { grid-template-columns: 76px minmax(0, 1fr); gap: 15px; }
	.ayorahub-app .ahc-nav { padding: 9px; }
	.ayorahub-app .ahc-tab[aria-selected="true"]::before { left: -10px; }
}
@media (max-width: 860px) {
	.ayorahub-app .ahc-hero { min-height: 0; padding: 34px 28px; }
	.ayorahub-app .ahc-hero-title { font-size: clamp(34px, 6vw, 48px); }
}
@media (max-width: 760px) {
	.ayorahub-app { margin-bottom: 28px; }
	.ayorahub-app .ahc-hero { margin-bottom: 16px; padding: 30px 22px; border-radius: 22px; }
	.ayorahub-app .ahc-shell { gap: 11px; }
	.ayorahub-app .ahc-nav { border-radius: 14px; background: rgba(13, 22, 30, .96); }
	.ayorahub-app .ahc-tab { min-height: 42px; padding: 9px 12px; }
	.ayorahub-app .ahc-tab[aria-selected="true"]::before { left: 12px; right: 12px; bottom: -7px; width: auto; height: 2px; }
	.ayorahub-app .ahc-topbar { border-radius: 13px; }
	.ayorahub-app .ahc-card { border-radius: 16px; }
	.ayorahub-app .ahc-card-btn { min-height: 138px; border-radius: 15px; }
	.ayorahub-app .ahc-hero-title { font-size: clamp(32px, 8vw, 42px); }
	.ayorahub-app .ahc-hero-chips { gap: 8px 14px; }
}
@media (max-width: 420px) {
	.ayorahub-app .ahc-hero { padding: 25px 18px; }
	.ayorahub-app .ahc-eyebrow { font-size: 9px; letter-spacing: .09em; }
	.ayorahub-app .ahc-hero-title { font-size: 32px; }
	.ayorahub-app .ahc-hero-chips { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); font-size: 10.5px; }
	.ayorahub-app .ahc-search-trigger { min-height: 44px; }
}