body { font-family: 'Inter', sans-serif; }
h1, h2, h3, h4, h5, .font-head { font-family: 'IBM Plex Sans', sans-serif; }
[dir="rtl"] body,
[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] h5,
[dir="rtl"] .font-head { font-family: 'IBM Plex Sans Arabic', sans-serif; }
[dir="rtl"] body { line-height: 1.7; }
.material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; display: inline-block; vertical-align: middle; line-height: 1; }
.ltr-num { direction: ltr; unicode-bidi: embed; }
.glass-card { background: rgba(255, 255, 255, 0.72); backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.5); }
.hero-grid { background-image: radial-gradient(rgba(0, 22, 51, 0.06) 1px, transparent 1px); background-size: 22px 22px; }
.mono { font-family: 'JetBrains Mono', monospace; }
.csb::-webkit-scrollbar { width: 5px; height: 5px; }
.csb::-webkit-scrollbar-thumb { background: #c3c6d2; border-radius: 9px; }
@keyframes pulse-soft { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: .7; transform: scale(1.05); } }
@keyframes typing { from { width: 0; } to { width: 100%; } }
@keyframes blink { from, to { border-color: transparent; } 50% { border-color: #a9c7ff; } }
.typing-line { overflow: hidden; white-space: nowrap; border-inline-end: 2px solid transparent; width: 0; }
.typing-active { animation: typing 2s steps(40, end) forwards, blink .75s step-end infinite; }
@media (min-width: 1024px) {
    .dashboard-explorer-sidebar {
        width: 80px;
        padding: 0 0 16px;
        background: rgba(255, 255, 255, .95);
        color: #1e293b;
        border-inline-end: 1px solid #e2e8f0;
        backdrop-filter: blur(20px);
        box-shadow: 0 16px 36px rgba(0, 22, 51, .08);
        transition: width .4s cubic-bezier(.4, 0, .2, 1);
    }
    .dashboard-explorer-sidebar:hover { width: 260px; }
    .dashboard-explorer-main { margin-inline-start: 80px; }
    .dashboard-explorer-sidebar .sidebar-label,
    .dashboard-explorer-sidebar .sidebar-copy {
        opacity: 0;
        white-space: nowrap;
        pointer-events: none;
        transition: opacity .25s ease, transform .25s ease;
        transform: translateX(6px);
    }
    .dashboard-explorer-sidebar:hover .sidebar-label,
    .dashboard-explorer-sidebar:hover .sidebar-copy {
        opacity: 1;
        pointer-events: auto;
        transform: translateX(0);
    }
}

:root {
    --home-font-ar: 'IBM Plex Sans Arabic', sans-serif;
    --home-font-en: 'Be Vietnam Pro', sans-serif;
    --home-primary: #0041c8;
    --home-primary-container: #0055ff;
    --home-background: #f8f9ff;
    --home-surface: #ffffff;
    --home-surface-low: #eff4ff;
    --home-surface-mid: #e5eeff;
    --home-surface-high: #dce9ff;
    --home-surface-variant: #d3e4fe;
    --home-outline: #c3c5d9;
    --home-outline-strong: #737688;
    --home-text: #0b1c30;
    --home-muted: #434656;
    --home-secondary: #5a5f68;
}

body.page-home {
    font-family: var(--home-font-ar);
    background: var(--home-background);
    color: var(--home-text);
}

html[dir="ltr"] body.page-home {
    font-family: var(--home-font-en);
}

body.page-home > header {
    background: rgba(248, 249, 255, 0.84) !important;
    border-color: rgba(195, 197, 217, 0.35) !important;
    box-shadow: 0 10px 28px rgba(18, 58, 153, 0.05);
    backdrop-filter: blur(14px);
    height: 72px !important;
}

body.page-home > footer {
    background: #ffffff !important;
    border-color: rgba(195, 197, 217, 0.45) !important;
}

body.page-home > header > div {
    max-width: 1280px;
    padding-inline: 24px !important;
}

body.page-home > header nav {
    gap: 28px !important;
}

body.page-home > header nav a {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: var(--home-muted) !important;
    border-bottom-width: 2px !important;
    border-color: transparent !important;
}

body.page-home > header nav a.text-primary {
    color: var(--home-primary) !important;
    border-color: var(--home-primary) !important;
}

body.page-home > header img {
    height: 45px !important;
    width: auto !important;
    border-radius: 0 !important;
}

body.page-home > header .rounded-full {
    border-radius: 9999px !important;
}

body.page-home > header .bg-primary {
    background: var(--home-primary) !important;
    box-shadow: 0 14px 28px rgba(0, 65, 200, 0.14);
}

body.page-home > header .border-primary,
body.page-home > header .border-outline-variant {
    border-color: rgba(195, 197, 217, 0.75) !important;
}

body.page-home > header .text-label-lg,
body.page-home > header .text-label-md {
    font-size: 13px !important;
    font-weight: 600 !important;
}

body.page-home > footer > div {
    max-width: 1280px;
    padding-inline: 24px !important;
}

body.page-home > footer .grid {
    row-gap: 28px !important;
}

body.page-home > footer h5,
body.page-home > footer .font-head {
    letter-spacing: -0.01em;
}

body.page-home > footer .bg-primary {
    background: var(--home-primary) !important;
}

.home-refined {
    background: var(--home-background);
    color: var(--home-text);
}

.home-refined,
.home-refined h1,
.home-refined h2,
.home-refined h3,
.home-refined h4,
.home-refined .font-head {
    font-family: inherit;
}

.home-glass {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(226, 232, 240, 0.5);
}

.home-section-title {
    color: var(--home-text);
    font-size: clamp(2rem, 2.4vw, 3rem);
    line-height: 1.15;
    letter-spacing: -0.03em;
}

.home-section-copy {
    color: var(--home-muted);
    line-height: 1.8;
}

.hero-refined {
    position: relative;
    overflow: hidden;
    background: radial-gradient(circle at 50% 50%, #e5eeff 0%, #f8f9ff 100%);
}

.hero-refined::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(0, 77, 234, 0.045) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 77, 234, 0.045) 1px, transparent 1px);
    background-size: 34px 34px;
    mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.16), transparent 90%);
    pointer-events: none;
}

.hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 12px;
    background: var(--home-surface-mid);
    border-radius: 9999px;
    color: var(--home-primary);
    font-size: 12px;
    font-weight: 600;
}

.hero-visual-wrap {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 360px;
}

.hero-visual-card {
    width: 256px;
    height: 256px;
    border-radius: 32px;
    box-shadow: 0 30px 60px rgba(18, 58, 153, 0.12);
    transform: rotate(-12deg);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.5s ease;
}

.hero-visual-card:hover {
    transform: rotate(0deg);
}

.hero-visual-card .material-symbols-outlined {
    font-size: 64px;
    color: var(--home-primary);
    font-variation-settings: 'FILL' 1;
}

.hero-floating-box,
.hero-floating-dot {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(226, 232, 240, 0.9);
    box-shadow: 0 20px 40px rgba(18, 58, 153, 0.1);
}

.hero-floating-box {
    width: 84px;
    height: 84px;
    border-radius: 20px;
    inset-inline-end: 64px;
    bottom: 52px;
}

.hero-floating-dot {
    width: 56px;
    height: 56px;
    border-radius: 9999px;
    inset-inline-start: 24px;
    top: 24px;
}

.hero-floating-box .material-symbols-outlined,
.hero-floating-dot .material-symbols-outlined {
    color: var(--home-primary);
}

.stats-strip {
    border-block: 1px solid rgba(195, 197, 217, 0.3);
    background: var(--home-surface);
}

.stat-tile {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 4px;
}

.stat-tile .material-symbols-outlined {
    color: var(--home-primary);
    font-size: 20px;
}

.stat-value {
    color: var(--home-primary);
    font-weight: 700;
    font-size: 1.15rem;
}

.stat-label {
    color: var(--home-muted);
    font-size: 0.78rem;
}

.family-card {
    min-height: 228px;
    border-radius: 28px;
    padding: 28px;
    transition: transform 0.28s ease, box-shadow 0.28s ease;
}

.family-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 22px 44px rgba(18, 58, 153, 0.12);
}

.family-card--blue {
    color: white;
    border: 1px solid transparent;
}

.family-card--soft {
    background: #edf4ff;
    border: 1px solid #b9c9ee;
    color: var(--home-text);
}

.home-refined > section:nth-of-type(3) .grid.items-stretch > .family-card:nth-child(1) {
    background: #1849c7;
}

.home-refined > section:nth-of-type(3) .grid.items-stretch > .family-card:nth-child(2) {
    background: #1e59f2;
}

.home-refined > section:nth-of-type(3) .grid.items-stretch > .family-card:nth-child(3) {
    background: #dfe9fb;
}

.home-refined > section:nth-of-type(3) .grid.items-stretch > .family-card:nth-child(4) {
    background: #edf4ff;
}

.family-card__icon {
    width: 52px;
    height: 52px;
    border-radius: 18px;
    display: grid;
    place-items: center;
}

.family-card__icon .material-symbols-outlined {
    font-size: 30px;
}

.feature-card {
    border-radius: 28px;
    overflow: hidden;
    box-shadow: 0 18px 42px rgba(18, 58, 153, 0.08);
}

.home-refined section {
    position: relative;
}

.home-refined > section:nth-of-type(3) {
    background: #ffffff;
}

.home-refined > section:nth-of-type(4) {
    background: #eef4ff;
}

.home-refined > section:nth-of-type(5) {
    background: #f8f9ff;
}

.home-refined > section:nth-of-type(6) {
    background: var(--home-primary);
}

.feature-card--white {
    background: var(--home-surface);
    border: 1px solid var(--home-outline);
}

.feature-card--blue {
    background: linear-gradient(180deg, var(--home-primary-container) 0%, var(--home-primary) 100%);
    color: white;
}

.home-search-shell {
    background: var(--home-surface-mid);
    border-radius: 14px;
    padding: 8px;
}

.home-search-shell input {
    background: transparent;
    border: 0;
    box-shadow: none;
    color: var(--home-text);
}

.home-search-shell input:focus {
    box-shadow: none;
}

.mini-card-preview {
    background: var(--home-surface);
    border-radius: 16px;
    box-shadow: 0 16px 34px rgba(18, 58, 153, 0.06);
}

.bars-shell {
    background: var(--home-surface-mid);
    border-radius: 24px;
    padding: 20px;
}

.bars-shell .bar {
    border-radius: 14px 14px 8px 8px;
    background: rgba(0, 65, 200, 0.2);
    transition: background-color 0.25s ease;
}

.bars-shell .bar:hover {
    background: var(--home-primary);
}

.orbit-shell {
    width: 192px;
    height: 192px;
    border-radius: 9999px;
    border: 2px solid rgba(0, 65, 200, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.orbit-shell::before {
    content: '';
    position: absolute;
    width: 96px;
    height: 96px;
    border-radius: 9999px;
    background: rgba(0, 65, 200, 0.08);
    animation: pulse-home 2.4s infinite;
}

.orbit-core {
    position: relative;
    z-index: 1;
    width: 64px;
    height: 64px;
    border-radius: 9999px;
    background: var(--home-primary);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 16px 36px rgba(0, 65, 200, 0.25);
}

.live-heading {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.live-heading::after {
    content: '';
    width: 64px;
    height: 3px;
    border-radius: 9999px;
    background: var(--home-outline-strong);
    opacity: 0.5;
}

.map-visual {
    position: relative;
    min-height: 330px;
}

.home-map-link {
    position: absolute;
    height: 1px;
    border-top: 1px dashed rgba(255,255,255,0.25);
    transform-origin: left center;
}

.home-map-center {
    position: absolute;
    inset-inline-start: 17%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 148px;
    height: 148px;
    border-radius: 9999px;
    border: 4px solid rgba(255,255,255,0.18);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 18px;
    background: rgba(255,255,255,0.1);
    box-shadow: 0 24px 48px rgba(6, 19, 58, 0.18);
}
html[dir="ltr"] .home-map-center {
    position: absolute;
    inset-inline-start: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 148px;
    height: 148px;
    border-radius: 9999px;
    border: 4px solid rgba(255,255,255,0.18);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 18px;
    background: rgba(255,255,255,0.1);
    box-shadow: 0 24px 48px rgba(6, 19, 58, 0.18);
}
.home-map-node {
    position: absolute;
    background: rgba(255,255,255,0.14);
    color: white;
    border: 1px solid rgba(255,255,255,0.18);
    border-radius: 9999px;
    padding: 10px 14px;
    font-size: 12px;
    backdrop-filter: blur(10px);
    box-shadow: 0 16px 26px rgba(6, 19, 58, 0.12);
}

.hierarchy-step {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 18px;
    border-radius: 14px;
    background: var(--home-surface);
    border: 1px solid rgba(195, 197, 217, 0.35);
}

.hierarchy-step + .hierarchy-step {
    margin-top: 10px;
}

.hierarchy-step[data-level="1"] { margin-inline-start: 16px; }
.hierarchy-step[data-level="2"] { margin-inline-start: 32px; }
.hierarchy-step[data-level="3"] {
    margin-inline-start: 48px;
    background: var(--home-primary-container);
    color: white;
    box-shadow: 0 16px 34px rgba(0, 65, 200, 0.2);
}

.cta-shell {
    border-radius: 32px;
    background: linear-gradient(135deg, rgba(255,255,255,0.12), rgba(255,255,255,0.05));
    border: 1px solid rgba(255,255,255,0.14);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
}

.home-typing-line {
    overflow: hidden;
    white-space: nowrap;
    border-inline-end: 2px solid transparent;
    width: 0;
}

.home-typing-active {
    animation: home-typing 2s steps(40, end) forwards, home-blink .75s step-end infinite;
}

@keyframes home-typing {
    from { width: 0; }
    to { width: 100%; }
}

@keyframes home-blink {
    from, to { border-color: transparent; }
    50% { border-color: #dce8ff; }
}

@keyframes pulse-home {
    0%, 100% { transform: scale(1); opacity: 0.9; }
    70% { transform: scale(1.25); opacity: 0; }
}

@media (max-width: 1024px) {
    .hero-visual-wrap {
        min-height: 300px;
    }
}

.search-shell{position:relative;overflow:hidden}.search-shell::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at top left,rgba(0,102,255,.08),transparent 28%),radial-gradient(circle at top right,rgba(242,169,0,.08),transparent 24%),linear-gradient(180deg,#f8fbff 0%,#f7f9fb 34%,#fdfefe 100%)}
.search-glass{background:rgba(255,255,255,.82);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.48);box-shadow:0 8px 32px -4px rgba(0,0,0,.05)}
.search-card{background:rgba(255,255,255,.86);backdrop-filter:blur(16px);border:1px solid rgba(226,232,240,.85);box-shadow:0 18px 44px rgba(0,22,51,.05)}
.search-chip{border:1px solid rgba(226,232,240,.9);background:rgba(248,250,252,.95)}
.search-result{transition:all .22s ease}.search-result:hover{transform:translateY(-4px);border-color:rgba(0,102,255,.22);box-shadow:0 18px 34px rgba(0,102,255,.08)}
.search-sticky{position:sticky;top:5rem;z-index:20}.search-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:none!important}.search-select::-ms-expand{display:none}

.subject-explorer-shell{position:relative;overflow:hidden}.subject-explorer-bg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at top left,rgba(0,102,255,.12),transparent 28%),radial-gradient(circle at top right,rgba(242,169,0,.10),transparent 22%),linear-gradient(180deg,#f8fbff 0%,#f7f9fb 34%,#fdfefe 100%)}
.explorer-card{background:rgba(255,255,255,.84);backdrop-filter:blur(18px);border:1px solid rgba(226,232,240,.9);box-shadow:0 18px 48px rgba(0,22,51,.07)}
.explorer-soft{background:rgba(248,250,252,.88);border:1px solid rgba(226,232,240,.85)}
.explorer-action,.explorer-row,.explorer-table tbody tr{transition:all .22s ease}.explorer-action:hover,.explorer-row:hover,.explorer-table tbody tr:hover{transform:translateY(-1px);border-color:rgba(0,102,255,.22);box-shadow:0 10px 24px rgba(0,102,255,.08)}
.animate-bloom{animation:bloom .55s cubic-bezier(.2,.8,.2,1) both}@keyframes bloom{0%{opacity:0;transform:translateY(16px) scale(.985)}100%{opacity:1;transform:translateY(0) scale(1)}}
.map-surface{position:relative;min-height:440px;background:radial-gradient(circle at center,#f5f9ff 0%,#fff 72%);border:1px solid rgba(226,232,240,.9)}
.map-node{position:absolute;transform:translate(-50%,-50%)}.map-node>*{display:flex;align-items:center;justify-content:center;width:118px;height:118px;border-radius:9999px;text-align:center;padding:1rem;font-size:.75rem;font-weight:700;line-height:1.35;box-shadow:0 18px 30px rgba(0,22,51,.08)}
.map-node-center>*{width:146px;height:146px;background:#001633;color:#fff;border:2px solid rgba(0,102,255,.4)}.map-node-side>*{background:rgba(255,255,255,.92);color:#1e293b;border:1px solid rgba(0,102,255,.18)}.map-line{stroke:rgba(0,102,255,.18);stroke-width:2;stroke-dasharray:10 7}
.code-editor-bg{background:#0d1117;border:1px solid #30363d}.tree-line-v{position:absolute;inset-inline-start:20px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#0066FF 0%,#E2E8F0 100%)}.tree-line-h{position:absolute;inset-inline-start:20px;top:50%;width:20px;height:2px;background:#0066FF}.subject-anchor-nav::-webkit-scrollbar{display:none}.subject-anchor-nav{-ms-overflow-style:none;scrollbar-width:none}.save-subject-active{background:#001633;color:#fff;border-color:#001633}
@media (max-width:1280px){.map-surface{min-height:380px}.map-node>*{width:108px;height:108px;font-size:.72rem}.map-node-center>*{width:132px;height:132px}}@media (max-width:1024px){.map-surface{min-height:340px}.map-node>*{width:100px;height:100px;font-size:.6875rem}.map-node-center>*{width:122px;height:122px}}

.dewey-explorer-shell{position:relative;overflow:hidden}.dewey-explorer-shell::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at top left,rgba(0,102,255,.10),transparent 26%),radial-gradient(circle at top right,rgba(242,169,0,.08),transparent 24%),linear-gradient(180deg,#f8fbff 0%,#f7f9fb 34%,#fdfefe 100%)}
.dewey-glass{background:rgba(255,255,255,.78);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.45);box-shadow:0 10px 30px rgba(0,22,51,.05)}
.dewey-card{background:rgba(255,255,255,.84);backdrop-filter:blur(18px);border:1px solid rgba(226,232,240,.85);box-shadow:0 18px 48px rgba(0,22,51,.06)}
.dewey-soft{background:rgba(248,250,252,.9);border:1px solid rgba(226,232,240,.85)}
.dewey-scroll::-webkit-scrollbar{width:5px;height:5px}.dewey-scroll::-webkit-scrollbar-thumb{background:#c3c6d2;border-radius:9999px}
.dewey-item,.dewey-feed-card{transition:all .22s ease}.dewey-item:hover,.dewey-feed-card:hover{transform:translateX(6px);border-color:rgba(0,102,255,.28);background:rgba(0,102,255,.03)}
.dewey-item-active{background:rgba(0,102,255,.07);border-inline-start:4px solid #0066FF;color:#0066FF}.dewey-item-active .dewey-caption{color:#0066FF}
.dewey-tree-line{position:absolute;inset-inline-start:1.5rem;top:1.5rem;bottom:1.5rem;width:2px;background:linear-gradient(180deg,#0066FF 0%,#E2E8F0 100%);opacity:.35}
.dewey-tree-join{position:absolute;inset-inline-start:1.5rem;top:50%;width:1.25rem;height:2px;background:#0066FF;transform:translateY(-50%)}
.animate-rise{animation:rise .45s cubic-bezier(.2,.8,.2,1) both}@keyframes rise{0%{opacity:0;transform:translateY(16px) scale(.985)}100%{opacity:1;transform:translateY(0) scale(1)}}
@media (min-width:1280px){.dewey-sticky{position:sticky;top:6.5rem}}

.english-shell{position:relative;overflow:hidden}.english-shell::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at top left,rgba(0,102,255,.08),transparent 26%),radial-gradient(circle at top right,rgba(242,169,0,.08),transparent 22%),linear-gradient(180deg,#f8fbff 0%,#f7f9fb 38%,#fdfefe 100%)}
.english-panel{background:rgba(255,255,255,.82);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.46);box-shadow:0 10px 32px -4px rgba(0,0,0,.05)}
.english-card{background:rgba(255,255,255,.86);backdrop-filter:blur(16px);border:1px solid rgba(226,232,240,.84);box-shadow:0 18px 42px rgba(0,22,51,.05);transition:all .24s ease}
.english-card:hover{transform:translateY(-4px);border-color:rgba(0,102,255,.22);box-shadow:0 20px 34px rgba(0,102,255,.09)}
.english-gridline{background:linear-gradient(90deg,rgba(0,102,255,.55),rgba(226,232,240,.18))}
.english-letter{transition:all .2s ease}.english-letter:hover{transform:translateY(-2px)}
.english-status{background:linear-gradient(180deg,#001633 0%,#021f46 100%)}

.english-list-shell{position:relative;overflow:hidden}.english-list-shell::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at top left,rgba(0,102,255,.08),transparent 28%),radial-gradient(circle at top right,rgba(242,169,0,.08),transparent 24%),linear-gradient(180deg,#f8fbff 0%,#f7f9fb 34%,#fdfefe 100%)}
.english-list-glass{background:rgba(255,255,255,.82);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.48);box-shadow:0 8px 32px -4px rgba(0,0,0,.05)}
.english-list-card{background:rgba(255,255,255,.86);backdrop-filter:blur(16px);border:1px solid rgba(226,232,240,.85);box-shadow:0 18px 44px rgba(0,22,51,.05)}
.english-list-chip{border:1px solid rgba(226,232,240,.9);background:rgba(248,250,252,.95)}
.english-list-result{transition:all .22s ease}.english-list-result:hover{transform:translateY(-4px);border-color:rgba(0,102,255,.22);box-shadow:0 18px 34px rgba(0,102,255,.08)}
.english-list-sticky{position:sticky;top:5rem;z-index:20}
.english-list-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:none!important}.english-list-select::-ms-expand{display:none}

.arabic-list-shell{position:relative;overflow:hidden}.arabic-list-shell::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at top left,rgba(0,102,255,.08),transparent 28%),radial-gradient(circle at top right,rgba(242,169,0,.08),transparent 24%),linear-gradient(180deg,#f8fbff 0%,#f7f9fb 34%,#fdfefe 100%)}
.arabic-list-glass{background:rgba(255,255,255,.82);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.48);box-shadow:0 8px 32px -4px rgba(0,0,0,.05)}
.arabic-list-card{background:rgba(255,255,255,.86);backdrop-filter:blur(16px);border:1px solid rgba(226,232,240,.85);box-shadow:0 18px 44px rgba(0,22,51,.05)}
.arabic-list-chip{border:1px solid rgba(226,232,240,.9);background:rgba(248,250,252,.95)}
.arabic-list-result{transition:all .22s ease}.arabic-list-result:hover{transform:translateY(-4px);border-color:rgba(0,102,255,.22);box-shadow:0 18px 34px rgba(0,102,255,.08)}
.arabic-list-sticky{position:sticky;top:5rem;z-index:20}
.arabic-list-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:none!important}.arabic-list-select::-ms-expand{display:none}

.maps-shell{position:relative;overflow:hidden}
.maps-shell::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at top left,rgba(0,102,255,.08),transparent 24%),radial-gradient(circle at top right,rgba(0,109,55,.08),transparent 22%),linear-gradient(180deg,#f8fbff 0%,#f7f9fb 36%,#fcfefe 100%)}
.maps-glass{background:rgba(255,255,255,.78);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.55);box-shadow:0 8px 32px -4px rgba(0,0,0,.05)}
.maps-bloom{box-shadow:0 18px 48px rgba(0,22,51,.08)}
.maps-node{box-shadow:0 14px 38px rgba(0,102,255,.12)}
.maps-grid{grid-auto-rows:minmax(0,1fr)}
.maps-pulse{animation:maps-pulse 2.8s ease-in-out infinite}
.maps-catalog-card{transition:all .22s ease}.maps-catalog-card:hover{transform:translateY(-4px);border-color:rgba(0,102,255,.22);box-shadow:0 18px 34px rgba(0,102,255,.08)}
.maps-canvas{background:linear-gradient(180deg,rgba(241,245,251,.95) 0%,rgba(236,241,247,.9) 100%);border:1px solid rgba(196,206,222,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.maps-arabic-line{stroke:#cfd9ea;stroke-width:2.8;stroke-linecap:round;opacity:.85}
.maps-english-line{stroke:#1668f5;stroke-width:3.4;stroke-dasharray:7 6;stroke-linecap:round;opacity:.95}
.maps-english-center{background:linear-gradient(180deg,#f8fbff 0%,#eef5ff 100%);border:1.5px solid rgba(22,104,245,.5);box-shadow:0 24px 48px rgba(0,22,51,.12)}
.maps-arabic-center{background:linear-gradient(180deg,#3d6290 0%,#345a86 100%);border:4px solid rgba(58,110,186,.48);box-shadow:0 22px 42px rgba(32,72,124,.22)}
.maps-arabic-pill,.maps-english-pill{background:rgba(255,255,255,.98);box-shadow:0 12px 28px rgba(0,22,51,.08)}
.maps-arabic-pill{border:1px solid rgba(214,223,236,.9);border-inline-end:4px solid #1668f5}
.maps-english-pill-green{border-top:4px solid #047857}
.maps-english-pill-gold{border-top:4px solid #f2a900}
.maps-english-pill-blue{border-top:4px solid #1668f5}
@keyframes maps-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.03);opacity:.82}}

.dashboard-bloom {
        box-shadow: 0 20px 60px -26px rgba(0, 22, 51, 0.18);
    }
    .dashboard-ai-glow {
        box-shadow: inset 0 0 0 1px rgba(0, 102, 255, 0.12), 0 18px 40px -28px rgba(0, 102, 255, 0.35);
    }
    .dashboard-dewey-line {
        height: 2px;
        background: linear-gradient(90deg, rgba(0, 102, 255, 0.9), rgba(226, 232, 240, 0.9));
    }
    .dashboard-orb {
        position: absolute;
        border-radius: 9999px;
        filter: blur(6px);
        pointer-events: none;
    }

.editor-list-shell{position:relative;overflow:hidden}.editor-list-shell::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at top left,rgba(0,102,255,.08),transparent 28%),radial-gradient(circle at top right,rgba(0,109,55,.08),transparent 24%),linear-gradient(180deg,#f8fbff 0%,#f7f9fb 34%,#fdfefe 100%)}
.editor-list-glass{background:rgba(255,255,255,.82);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.48);box-shadow:0 8px 32px -4px rgba(0,0,0,.05)}
.editor-list-card{background:rgba(255,255,255,.86);backdrop-filter:blur(16px);border:1px solid rgba(226,232,240,.85);box-shadow:0 18px 44px rgba(0,22,51,.05)}
.editor-list-chip{border:1px solid rgba(226,232,240,.9);background:rgba(248,250,252,.95)}
.editor-list-result{transition:all .22s ease}.editor-list-result:hover{transform:translateY(-4px);border-color:rgba(0,102,255,.22);box-shadow:0 18px 34px rgba(0,102,255,.08)}
.editor-list-sticky{position:sticky;top:5rem;z-index:20}
.editor-list-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:none!important}.editor-list-select::-ms-expand{display:none}

.editor-form-shell{position:relative;overflow:hidden}.editor-form-shell::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at top left,rgba(0,102,255,.08),transparent 28%),radial-gradient(circle at top right,rgba(0,109,55,.08),transparent 24%),linear-gradient(180deg,#f8fbff 0%,#f7f9fb 34%,#fdfefe 100%)}
.editor-form-glass{background:rgba(255,255,255,.82);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.48);box-shadow:0 8px 32px -4px rgba(0,0,0,.05)}
.editor-form-card{background:rgba(255,255,255,.88);backdrop-filter:blur(14px);border:1px solid rgba(226,232,240,.85);box-shadow:0 18px 44px rgba(0,22,51,.05)}
.editor-form-chip{border:1px solid rgba(226,232,240,.9);background:rgba(248,250,252,.95)}
.editor-form-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:none!important}.editor-form-select::-ms-expand{display:none}