*{box-sizing:border-box}:root{--app-bg:#f8f8f8;--app-fg:#004d5b;--card-bg:#fff;--surface-soft:#ecfff9;--surface-muted:#f1fbf8;--border:#dcece8;--primary:#004d5b;--primary-600:#003a45;--on-primary:#fff;--secondary:#73fcd7;--primary-soft:#dffff5;--mint-line:#73fcd7;--success:#00b259;--danger:#f5434a;--muted:#607477;--shadow-sm:0 8px 24px #004d5b0f;--shadow-md:0 18px 45px #004d5b17}:root[data-theme=dark]{--app-bg:#1d1e20;--app-fg:#baefe3;--card-bg:#25272a;--surface-soft:#203430;--surface-muted:#282d2f;--border:#343c3d;--primary:#baefe3;--primary-600:#96dccd;--on-primary:#1d1e20;--secondary:#baefe3;--primary-soft:#203c37;--mint-line:#baefe3;--success:#00b259;--danger:#f5434a;--muted:#a4b5b1;--shadow-sm:0 8px 24px #0000002e;--shadow-md:0 18px 45px #00000038}body{background:radial-gradient(circle at top left, color-mix(in srgb, var(--secondary) 16%, transparent), transparent 34rem), linear-gradient(180deg, color-mix(in srgb, var(--card-bg) 88%, var(--app-bg)) 0%, var(--app-bg) 100%);color:var(--app-fg);margin:0;font-family:Inter,IBM Plex Sans Arabic,Noto Kufi Arabic,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#root{min-height:100vh}.container{max-width:1100px;margin:0 auto;padding:1rem}.adminShell{grid-template-columns:minmax(132px,150px) minmax(0,1fr);gap:.75rem;width:min(100%,1180px);min-height:100vh;margin:0 auto;padding:.75rem;display:grid}.sidePanel{background:color-mix(in srgb, var(--card-bg) 86%, transparent);border:1px solid var(--border);height:calc(100vh - 1.5rem);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:18px;padding:.65rem;position:sticky;top:.75rem}.brandBlock{border-bottom:1px solid var(--border);align-items:center;gap:.5rem;padding:.25rem .15rem .8rem;display:flex}.brandMark{background:linear-gradient(135deg, var(--primary), var(--secondary));width:34px;height:34px;color:var(--on-primary);box-shadow:0 10px 24px color-mix(in srgb, var(--primary) 22%, transparent);border-radius:12px;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.brandBlock h2{margin:0;font-size:.82rem;font-weight:800}.brandBlock p,.topBar p{color:var(--muted);margin:.2rem 0 0;font-size:.72rem}.sideNav{gap:.45rem;padding-top:1rem;display:grid}.sideNav a{color:var(--app-fg);border:1px solid #0000;border-radius:12px;align-items:center;gap:.5rem;padding:.66rem .6rem;font-size:.82rem;font-weight:600;text-decoration:none;transition:background .16s,border-color .16s,color .16s;display:flex}.sideNav a:hover{background:var(--surface-muted);border-color:var(--border)}.sideNav a.activeNav{background:var(--primary-soft);color:var(--primary-600);border-color:var(--mint-line)}.navDot{background:color-mix(in srgb, var(--muted) 26%, transparent);border-radius:999px;width:9px;height:9px}.activeNav .navDot{background:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb, var(--secondary) 30%, transparent)}.mainPanel{grid-template-rows:auto 1fr;gap:1rem;min-width:0;display:grid}.topBar{background:color-mix(in srgb, var(--card-bg) 90%, transparent);border:1px solid var(--border);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:16px;justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem .75rem;display:flex}.topBar h1{margin:.15rem 0 0;font-size:clamp(1rem,1.6vw,1.25rem)}.searchBox{background:var(--card-bg);border:1px solid var(--border);max-width:460px;color:var(--muted);border-radius:999px;flex:1;align-items:center;gap:.5rem;padding:.2rem .8rem;display:flex}.searchBox input{background:0 0;border:0;outline:0;width:100%;padding:.62rem .2rem}.contentStack{gap:.75rem;display:grid}.card{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:16px;gap:.85rem;padding:.95rem;display:grid}.pageHeader{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.pageHeader h3{margin:0;font-size:1rem}.pageHeader p{color:var(--muted);margin:.3rem 0 0;font-size:.82rem}.row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:.75rem;display:flex}.actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}input,textarea,select,button{font:inherit;border:1px solid var(--border);border-radius:12px;padding:.68rem .75rem}input,textarea,select{background:var(--card-bg);color:var(--app-fg);outline-color:var(--mint-line)}button{background:var(--primary);color:var(--on-primary);cursor:pointer;border-color:#0000}button:hover{background:var(--primary-600)}.primaryLink,.secondaryLink{border-radius:12px;justify-content:center;align-items:center;padding:.68rem .95rem;font-weight:600;text-decoration:none;display:inline-flex}.primaryLink{background:var(--primary);color:var(--on-primary)}.secondaryLink{border:1px solid var(--border);color:var(--app-fg);background:var(--card-bg)}.dashboardHeader{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.quizSelectRow{background:var(--surface-muted);border:1px solid var(--border);border-radius:18px;gap:.4rem;max-width:320px;padding:.85rem;display:grid}.compactSelect{max-width:260px;padding:.65rem}.kpiGrid{grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:.75rem;display:grid}.kpiCard{border:1px solid var(--border);background:linear-gradient(180deg, var(--card-bg) 0%, var(--surface-soft) 100%);min-height:96px;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--card-bg) 80%, transparent);border-radius:14px;padding:.8rem}.kpiCard p{color:var(--muted);margin:0 0 .4rem;font-size:.78rem}.kpiCard strong{font-size:1.25rem}.quickActions{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding-top:.85rem;display:flex}.statusBadge{text-transform:uppercase;letter-spacing:.02em;border-radius:999px;align-items:center;gap:.4rem;padding:.2rem .6rem;font-size:.82rem;font-weight:700;display:inline-flex}.statusBadge:before{content:"";background:currentColor;border-radius:999px;width:7px;height:7px}.status-draft{background:color-mix(in srgb, var(--secondary) 18%, var(--card-bg));color:var(--primary)}.status-published{background:color-mix(in srgb, var(--success) 14%, var(--card-bg));color:var(--success)}.status-archived{background:var(--surface-muted);color:var(--muted)}.emptyState{border:1px dashed var(--mint-line);background:var(--surface-soft);border-radius:18px;gap:.5rem;padding:1rem;display:grid}.errorBox{background:color-mix(in srgb, var(--danger) 10%, var(--card-bg));border:1px solid color-mix(in srgb, var(--danger) 35%, var(--card-bg));color:var(--danger);border-radius:16px;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem;display:flex}.questionFormGrid{gap:.6rem;max-width:760px;display:grid}.checkboxRow{align-items:center;gap:.5rem;font-weight:600;display:flex}.checkboxRow input[type=checkbox]{width:16px;height:16px;padding:0}.tableWrap{border:1px solid var(--border);background:var(--card-bg);border-radius:18px;width:100%;overflow-x:auto}.questionsTable{border-collapse:collapse;width:100%;font-size:.95rem}.questionsTable th,.questionsTable td{border-bottom:1px solid var(--border);text-align:start;vertical-align:top;padding:.85rem}.quizzesTable td a{color:var(--primary);font-weight:600;text-decoration:none}.quizzesTable td a:hover{text-decoration:underline}.quizzesTable td a.actionBtn,.quizzesTable td a.actionBtn:hover{color:inherit;text-decoration:none}.questionsTable th{background:var(--surface-muted);color:var(--primary);font-weight:700}.qTitle{font-weight:600}.qOptions{color:var(--muted);margin-top:.2rem;font-size:.86rem}.quizActionsInline{flex-wrap:wrap;gap:.45rem;display:flex}.actionBtn{text-align:center;cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;padding:.48rem .72rem;font-size:.86rem;font-weight:600;text-decoration:none;display:inline-flex}.actionBtnLight{background:var(--card-bg);color:var(--app-fg);border-color:var(--border)}.actionBtnPrimary{background:var(--primary);color:var(--on-primary)}.actionBtnPrimary:disabled{opacity:.6;cursor:not-allowed}.actionBtnDanger{background:color-mix(in srgb, var(--danger) 9%, var(--card-bg));color:var(--danger);border-color:color-mix(in srgb, var(--danger) 35%, var(--card-bg))}.dangerBtn{background:var(--danger)}.secondaryBtn{background:var(--card-bg);color:var(--app-fg);border:1px dashed var(--muted)}.fieldHint{color:var(--muted);margin:0;font-size:.88rem}.optionsBuilder{gap:.5rem;display:grid}.optionRow{grid-template-columns:36px 1fr auto;align-items:center;gap:.5rem;display:grid}.optionIndex{background:var(--surface-muted);border:1px solid var(--border);border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;font-weight:600;display:inline-flex}pre{color:#e5e7eb;background:#0f172a;border:1px solid #1e293b;border-radius:16px;padding:.75rem;overflow-x:auto}.error{color:var(--danger)}.quizList{gap:.75rem;display:grid}.quizListItem{border:1px solid var(--border);background:linear-gradient(90deg, var(--surface-soft), var(--card-bg) 34%);border-radius:20px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;padding:.95rem;display:grid}.quizMeta{flex-wrap:wrap;align-items:center;gap:.65rem;margin-top:.45rem;display:flex}.pill{border:1px solid var(--border);background:var(--card-bg);color:var(--muted);border-radius:999px;align-items:center;padding:.22rem .58rem;font-size:.82rem;font-weight:700;display:inline-flex}.sectionGrid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.75rem;display:grid}.infoPanel{border:1px solid var(--border);background:var(--surface-soft);border-radius:20px;padding:1rem}.successNote{background:color-mix(in srgb, var(--success) 12%, var(--card-bg));color:var(--success);border:1px solid color-mix(in srgb, var(--success) 30%, var(--card-bg));border-radius:16px;margin:0;padding:.75rem .9rem}.toolbarCard{background:color-mix(in srgb, var(--card-bg) 96%, transparent);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:16px;padding:.72rem .85rem}.dashboardOrdersLayout{direction:rtl;grid-template-columns:142px 300px minmax(0,1fr);align-items:start;gap:.75rem;display:grid}.statusRail,.orderListPanel,.orderDetailPanel{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:16px}.statusRail{gap:.25rem;padding:.65rem;display:grid;position:sticky;top:5.6rem}.statusRail h4,.panelHeader h3{margin:0;font-size:.86rem}.statusRailItem{width:100%;color:var(--muted);text-align:start;background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:center;gap:.35rem;padding:.48rem .35rem;font-size:.76rem;display:flex}.statusRailItem:hover{background:var(--surface-muted)}.statusRailItem:before{content:"";background:currentColor;border-radius:999px;width:6px;height:6px}.statusRailItem strong{color:var(--app-fg);margin-inline-start:auto}.statusRailItem.status-published{color:var(--success)}.statusRailItem.status-draft{color:#b45309}.statusRailItem.status-archived{color:var(--muted)}.orderListPanel{min-height:420px;padding:.65rem}.panelHeader{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.55rem;display:flex}.panelHeader .secondaryBtn{border-style:solid;padding:.38rem .55rem;font-size:.76rem}.quizQueueList{gap:.45rem;display:grid}.quizQueueItem{width:100%;color:var(--app-fg);text-align:start;background:0 0;border:1px solid #0000;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.55rem;padding:.65rem;display:grid}.quizQueueItem:hover,.quizQueueItem.isSelected{background:var(--surface-soft);border-color:var(--mint-line)}.quizQueueItem strong,.quizQueueItem small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.quizQueueItem strong{font-size:.85rem}.quizQueueItem small{color:var(--muted);margin-top:.18rem;font-size:.73rem}.orderDetailPanel{gap:.9rem;min-height:420px;padding:.95rem;display:grid}@media (width<=920px){.adminShell{grid-template-columns:1fr;padding:.75rem}.sidePanel{height:auto;position:static}.sideNav{padding-bottom:.15rem;display:flex;overflow-x:auto}.sideNav a{white-space:nowrap}.topBar,.quizListItem,.dashboardOrdersLayout{grid-template-columns:1fr}.statusRail{display:flex;position:static;overflow-x:auto}.statusRail h4{align-self:center;min-width:max-content}.statusRailItem{min-width:120px}.topBar{flex-direction:column;align-items:stretch}.searchBox{max-width:none}}@media (width<=620px){.card,.topBar,.sidePanel{border-radius:18px}.optionRow,.quizListItem{grid-template-columns:1fr}.quizActionsInline,.actions,.actionBtn,.primaryLink,.secondaryLink,button{width:100%}}