:root{color-scheme:light;--brand: #14bdee;--brand-deep: #0b8fb4;--ink: #112033;--muted: #5f6f86;--line: #dbe4ef;--panel: #ffffff;--panel-soft: linear-gradient(180deg, rgba(20, 189, 238, .08), rgba(20, 189, 238, .02));--canvas: #f4f8fc;--shadow: 0 18px 40px -24px rgba(11, 32, 51, .35);--font-ui: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-arabic: "Noto Naskh Arabic", "Noto Sans Arabic", "Geeza Pro", Tahoma, "Segoe UI", Arial, sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--ink);background:radial-gradient(circle at top left,rgba(20,189,238,.08),transparent 28%),linear-gradient(180deg,#f8fbfe,#eef5fb);font-family:var(--font-ui)}html[lang=ar] body,html[lang=ar] button,html[lang=ar] input,html[lang=ar] textarea,html[lang=ar] select,html[lang=ar] .ant-typography,html[lang=ar] .ant-btn,html[lang=ar] .ant-input,html[lang=ar] .ant-select,html[lang=ar] .ant-segmented,html[lang=ar] .ant-menu,html[lang=ar] .ant-form,html[lang=ar] .ant-modal,html[lang=ar] .ant-drawer,html[lang=ar] .nav-link,html[lang=ar] .mobile-link,html[lang=ar] .logo{font-family:var(--font-arabic)}html[lang=ar] body{line-height:1.8;letter-spacing:0}html[lang=ar] .hero-title,html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] h4,html[lang=ar] h5,html[lang=ar] h6{font-family:var(--font-arabic);letter-spacing:0;line-height:1.25!important}a{color:inherit}.app-shell{min-height:100vh}.custom-header{display:flex;align-items:center;gap:12px;padding-inline:18px;background:linear-gradient(135deg,#14bdeefa,#0b8fb4f5),#14bdee;color:#fff;box-shadow:0 10px 28px -24px #0009}.sticky-header{position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px) saturate(130%);backdrop-filter:blur(10px) saturate(130%)}.header-left,.header-right{display:flex;align-items:center;gap:10px}.logo{display:inline-flex;align-items:center;gap:10px;color:#fff;font-size:1.1rem;font-weight:800;letter-spacing:.01em;text-decoration:none}.logo:hover,.logo:focus-visible{color:#fff}.logo img{height:34px;width:auto;display:block}.nav-links{display:flex;gap:10px;flex-wrap:wrap}.nav-link{color:#ffffffe6;text-decoration:none;padding:8px 12px;border-radius:999px;line-height:1;font-weight:600;transition:background .14s ease,color .14s ease,transform .14s ease}.nav-link:hover,.nav-link.active{background:#ffffff29;color:#fff}.content{width:min(1240px,100%);margin-inline:auto;padding:20px 16px 28px}.sider{background:transparent}.sider .sider-inner{position:sticky;top:84px;margin:16px 0 16px 16px;padding:18px;border:1px solid rgba(219,228,239,.9);border-radius:20px;background:#ffffffe0;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ant-layout-sider .ant-layout-sider-trigger{display:none}.hero-panel{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.9fr);gap:18px;padding:22px;border:1px solid rgba(20,189,238,.2);border-radius:24px;background:radial-gradient(circle at top right,rgba(20,189,238,.12),transparent 35%),linear-gradient(180deg,#fffffff5,#f5fafffa);box-shadow:var(--shadow)}.hero-kicker{display:inline-flex;margin-bottom:12px;padding:6px 10px;border-radius:999px;background:#14bdee1f;color:var(--brand-deep);font-weight:700}.hero-title{margin-top:0;margin-bottom:14px;font-size:clamp(2rem,4vw,3.4rem)!important;line-height:.98!important;letter-spacing:-.04em}.hero-copy{max-width:60ch;margin-bottom:0;color:var(--muted);font-size:1.05rem}.hero-metrics{display:grid;gap:12px}.metric-card,.info-card,.hero-summary,.page-card{border-radius:18px!important;border:1px solid rgba(219,228,239,.88)!important;box-shadow:var(--shadow)}.metric-card{background:#ffffffe6}.hero-summary{background:#ffffffd6}.content-grid{margin-top:16px}.content-list{margin:0;padding-left:18px}.content-list li+li{margin-top:8px}.upload-toolbar.three-up .tool-card{display:flex;align-items:center;justify-content:center;border:1px solid rgba(20,189,238,.22);border-radius:18px;background:var(--panel-soft);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;box-shadow:0 14px 28px -24px #14bdee8c}.upload-toolbar.three-up .tool-card:hover{transform:translateY(-2px);border-color:#14bdee8c;box-shadow:0 22px 36px -26px #14bdee73}.upload-toolbar.three-up .tool-card.ant-btn{font-weight:700;font-size:1rem;color:var(--ink)}.ant-upload-wrapper .ant-upload-drag,.ant-upload.ant-upload-drag{background:transparent!important;border:none!important;box-shadow:none!important}.ant-upload-wrapper .ant-upload-drag p.ant-upload-drag-icon .anticon{color:var(--brand)!important}.ant-upload-list.ant-upload-list-text{display:none!important}.dnd-grid{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch}.dnd-item{box-sizing:border-box;flex:1 1 100%;max-width:100%;-webkit-user-select:none;user-select:none}.dnd-dragging{transform:rotate(.2deg);box-shadow:0 20px 36px -22px #0006}.page-card{overflow:hidden;background:#fffffff0!important}.page-card img,.ant-card .ant-card-cover img{width:100%;height:clamp(140px,35vw,260px);object-fit:contain;border-radius:8px;background:#fff}.mobile-nav{display:flex;flex-direction:column}.mobile-link{display:block;padding:14px 16px;color:var(--ink);text-decoration:none;border-bottom:1px solid #eef3f8;font-weight:600}.mobile-link.active{background:#14bdee14;color:var(--brand-deep)}.mobile-action-bar{position:sticky;bottom:8px;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;padding:10px;border:1px solid rgba(219,228,239,.9);border-radius:18px;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow);z-index:2}.preview-card{background:transparent}.preview-page{position:relative;width:100%;border-radius:12px}.preview-meta{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;opacity:.85;margin-top:8px}.footer{padding:16px;color:#fff;background:radial-gradient(circle at top right,rgba(20,189,238,.18),transparent 35%),linear-gradient(180deg,#0c1c31,#081321)}.footer .copywrite{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;width:min(1240px,100%);margin-inline:auto;font-size:.92rem}.footer-links{display:flex;gap:8px;flex-wrap:wrap}.footer .copywrite a{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:#ffffff0d;color:#fff;font-weight:700;text-decoration:none;transition:transform .12s ease,background .14s ease,border-color .14s ease}.footer .copywrite a:hover,.footer .copywrite a:focus-visible{transform:translateY(-1px);background:#ffffff1f;border-color:#ffffff73;color:#fff}.async-shell{display:grid;place-items:center;min-height:220px}.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled),.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active,.ant-upload-drag-container h4,.ant-modal-footer .ant-btn-variant-solid,.ant-layout-content .ant-btn-variant-solid,.sider-inner .ant-btn-variant-solid{color:var(--brand)!important}.ant-modal-footer .ant-btn-variant-solid,.ant-layout-content .ant-btn-variant-solid,.sider-inner .ant-btn-variant-solid{background:var(--brand)!important;color:#fff!important}header .ant-btn-variant-solid{background:#fff!important;color:var(--brand)!important}header .ant-btn-color-default.ant-btn-background-ghost:disabled{background:#ffffff29!important;color:#fffc!important}header .ant-btn-variant-outlined:not(:disabled):not(.ant-btn-disabled):hover,.ant-btn-variant-dashed:not(:disabled):not(.ant-btn-disabled):hover{color:#fff!important;border-color:#fff!important}@media (max-width: 992px){.nav-links{display:none}.hero-panel{grid-template-columns:1fr}.sider .sider-inner{position:static;margin:0}}@media (min-width: 600px){.dnd-item{flex:0 1 calc(50% - 12px);max-width:calc(50% - 12px)}}@media (min-width: 900px){.dnd-item{flex:0 1 calc(33.333% - 12px);max-width:calc(33.333% - 12px)}}@media (min-width: 1200px){.dnd-item{flex:0 1 calc(25% - 12px);max-width:calc(25% - 12px)}}@media (max-width: 576px){.content{padding-inline:12px}.hero-panel{padding:16px;border-radius:20px}.hero-title{font-size:2.1rem!important}.mobile-action-bar{grid-template-columns:1fr}.footer .copywrite{justify-content:center;text-align:center}}.ant-layout .ant-layout-header,.ant-layout.ant-layout-footer{flex:0 0 auto;display:flex;justify-content:space-between}