:root{--bp-xs: 380px;--bp-sm: 480px;--bp-md: 640px;--bp-lg: 900px;--bp-xl: 1140px;--bp-2xl: 1400px;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--tap: 44px}:root,:root[data-theme=light]{color-scheme:light;--bg: #ffffff;--surface: #ffffff;--surface-2: #f8fafc;--surface-3: #f1f5f9;--bg-surface: #ffffff;--bg-card: #ffffff;--bg-card-muted: #f8fafc;--bg-card-hover: #f1f5f9;--border: #e2e8f0;--border-subtle: #f1f5f9;--border-mid: #cbd5e1;--accent-border: #93c5fd;--text: #0f172a;--text-muted: #475569;--input-bg: #ffffff;--input-border: #cbd5e1;--input-text: #0f172a;--input-placeholder: #64748b;--accent: #0369a1;--accent-hover: #075985;--accent-soft: #e0f2fe;--on-accent: #ffffff;--danger-text: #b91c1c;--primary: #0369a1;--primary-hover: #075985;--primary-light: #e0f2fe;--btn-primary-bg: linear-gradient(135deg, #0284c7 0%, #0369a1 100%);--btn-primary-hover: linear-gradient(135deg, #0369a1 0%, #075985 100%);--btn-primary-text: #ffffff;--btn-secondary-bg: #ffffff;--btn-secondary-border: #cbd5e1;--btn-secondary-text: #0f172a;--btn-secondary-hover-bg: #f8fafc;--btn-secondary-hover-border: #0284c7;--info: #0284c7;--info-soft: #e0f2fe;--purple: #7e22ce;--purple-soft: #f3e8ff;--ok: #15803d;--ok-soft: #dcfce7;--warn: #854d0e;--warn-soft: #fef9c3;--danger: #dc2626;--danger-hover: #b91c1c;--danger-soft: #fee2e2;--radius: 16px;--shadow: 0 1px 3px 0 rgb(0 0 0 / .07), 0 4px 16px 0 rgb(0 0 0 / .04);--shadow-lg: 0 10px 25px -3px rgb(0 0 0 / .08), 0 4px 6px -4px rgb(0 0 0 / .04)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #051324;--surface: rgba(8, 22, 42, .88);--surface-2: rgba(12, 28, 52, .92);--surface-3: rgba(18, 42, 74, .95);--bg-surface: var(--surface);--bg-card: var(--surface);--bg-card-muted: var(--surface-2);--bg-card-hover: rgba(16, 36, 66, .94);--border: rgba(56, 189, 248, .22);--border-subtle: rgba(56, 189, 248, .12);--border-mid: rgba(56, 189, 248, .35);--accent-border: rgba(56, 189, 248, .42);--text: #f1f5f9;--text-muted: #94a3b8;--input-bg: rgba(6, 18, 36, .7);--input-border: rgba(56, 189, 248, .22);--input-text: #f1f5f9;--input-placeholder: #94a3b8;--accent: #38bdf8;--accent-hover: #0ea5e9;--accent-soft: rgba(14, 165, 233, .16);--on-accent: #051324;--danger-text: #f87171;--primary: #38bdf8;--primary-hover: #0284c7;--primary-light: rgba(14, 165, 233, .16);--btn-primary-bg: linear-gradient(135deg, #0284c7 0%, #0369a1 100%);--btn-primary-hover: linear-gradient(135deg, #0369a1 0%, #075985 100%);--btn-primary-text: #ffffff;--btn-secondary-bg: rgba(8, 22, 42, .75);--btn-secondary-border: rgba(56, 189, 248, .32);--btn-secondary-text: #ffffff;--btn-secondary-hover-bg: rgba(14, 165, 233, .2);--btn-secondary-hover-border: #38bdf8;--info: #38bdf8;--info-soft: rgba(14, 165, 233, .16);--purple: #c084fc;--purple-soft: rgba(192, 132, 252, .16);--ok: #4ade80;--ok-soft: rgba(16, 185, 129, .16);--warn: #facc15;--warn-soft: rgba(245, 158, 11, .16);--danger: #f87171;--danger-hover: #ef4444;--danger-soft: rgba(239, 68, 68, .16);--radius: 16px;--shadow: 0 12px 32px rgba(0, 0, 0, .45), inset 0 1px 0 rgba(255, 255, 255, .12);--shadow-lg: 0 20px 40px rgba(0, 0, 0, .6)}}:root[data-theme=dark]{color-scheme:dark;--bg: #051324;--surface: rgba(8, 22, 42, .88);--surface-2: rgba(12, 28, 52, .92);--surface-3: rgba(18, 42, 74, .95);--bg-surface: var(--surface);--bg-card: var(--surface);--bg-card-muted: var(--surface-2);--bg-card-hover: rgba(16, 36, 66, .94);--border: rgba(56, 189, 248, .22);--border-subtle: rgba(56, 189, 248, .12);--border-mid: rgba(56, 189, 248, .35);--accent-border: rgba(56, 189, 248, .42);--text: #f1f5f9;--text-muted: #94a3b8;--input-bg: rgba(6, 18, 36, .7);--input-border: rgba(56, 189, 248, .22);--input-text: #f1f5f9;--input-placeholder: #94a3b8;--accent: #38bdf8;--accent-hover: #0ea5e9;--accent-soft: rgba(14, 165, 233, .16);--on-accent: #051324;--danger-text: #f87171;--primary: #38bdf8;--primary-hover: #0284c7;--primary-light: rgba(14, 165, 233, .16);--btn-primary-bg: linear-gradient(135deg, #0284c7 0%, #0369a1 100%);--btn-primary-hover: linear-gradient(135deg, #0369a1 0%, #075985 100%);--btn-primary-text: #ffffff;--btn-secondary-bg: rgba(8, 22, 42, .75);--btn-secondary-border: rgba(56, 189, 248, .32);--btn-secondary-text: #ffffff;--btn-secondary-hover-bg: rgba(14, 165, 233, .2);--btn-secondary-hover-border: #38bdf8;--info: #38bdf8;--info-soft: rgba(14, 165, 233, .16);--purple: #c084fc;--purple-soft: rgba(192, 132, 252, .16);--ok: #4ade80;--ok-soft: rgba(16, 185, 129, .16);--warn: #facc15;--warn-soft: rgba(245, 158, 11, .16);--danger: #f87171;--danger-hover: #ef4444;--danger-soft: rgba(239, 68, 68, .16);--radius: 16px;--shadow: 0 12px 32px rgba(0, 0, 0, .45), inset 0 1px 0 rgba(255, 255, 255, .12);--shadow-lg: 0 20px 40px rgba(0, 0, 0, .6)}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;padding:0;overflow-x:hidden}body{background:var(--bg);color:var(--text);font:15px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.topbar{background:var(--surface);border-bottom:1px solid var(--border);color:var(--text)}a{color:var(--accent)}.wrap{width:100%;max-width:var(--bp-2xl);margin-left:auto;margin-right:auto;padding-left:calc(1.5rem + var(--safe-left));padding-right:calc(1.5rem + var(--safe-right))}main.wrap{display:block;min-height:calc(100vh - 64px);min-height:calc(100dvh - 64px);padding-top:1.5rem;padding-bottom:calc(3rem + var(--safe-bottom))}@media(max-width:640px){.wrap{padding-left:calc(1rem + var(--safe-left));padding-right:calc(1rem + var(--safe-right))}}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.01em}.card,.panel,.box{background:var(--surface);backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);border:1.5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.card:hover,.panel:hover{border-color:var(--accent-border)}.muted{color:var(--text-muted)}.section-title{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:13.5px;font-weight:600;line-height:1.25;border-radius:9999px;border:1.5px solid transparent;cursor:pointer;text-decoration:none;white-space:nowrap;transition:all .2s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 4px var(--accent-soft)}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn.sm{padding:6px 14px;font-size:12px;border-radius:9999px}.btn.primary,.btn-primary{background:var(--btn-primary-bg);color:#fff!important;border-color:transparent;box-shadow:0 4px 18px #0284c759}.btn.primary:hover:not(:disabled),.btn-primary:hover:not(:disabled){background:var(--btn-primary-hover);transform:translateY(-2px);box-shadow:0 8px 25px #0ea5e973}.btn.secondary,.btn-secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-text)!important;border-color:var(--btn-secondary-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.btn.secondary:hover:not(:disabled),.btn-secondary:hover:not(:disabled){background:var(--btn-secondary-hover-bg);border-color:var(--btn-secondary-hover-border);color:var(--accent)!important;transform:translateY(-2px)}.btn.danger-outline{background:transparent;color:var(--danger);border-color:var(--danger);border-radius:9999px}.btn.danger-outline:hover:not(:disabled){background:var(--danger-soft);transform:translateY(-2px)}.btn.danger{background:var(--danger);color:#fff;border-color:var(--danger);border-radius:9999px;box-shadow:0 4px 14px #ef44444d}.btn.danger:hover:not(:disabled){background:var(--danger-hover);transform:translateY(-2px);box-shadow:0 8px 20px #ef444473}input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{background:var(--input-bg);color:var(--input-text);border:1.5px solid var(--input-border);border-radius:10px;padding:10px 14px;font-family:inherit;font-size:13.5px;transition:all .2s ease;outline:none}input::placeholder,textarea::placeholder{color:var(--input-placeholder)}input:not([type=checkbox]):not([type=radio]):not([type=range]):focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.pill-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:9999px;font-size:11px;font-weight:700;letter-spacing:.04em;background:var(--accent-soft);color:var(--accent);border:1px solid var(--border)}.status-dot-pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e;animation:live-pulse 2s infinite ease-in-out}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}[dir=rtl],[lang=ar]{text-align:right;font-family:Segoe UI,Tahoma,Noto Sans Arabic,Geeza Pro,system-ui,sans-serif}[dir=rtl] .main-nav,[dir=rtl] .stepper,[dir=rtl] .toolbar,[dir=rtl] .status-tabs-nav{direction:rtl}[dir=rtl] input:not([type=checkbox]):not([type=radio]),[dir=rtl] textarea,[dir=rtl] select{text-align:right;direction:rtl}[dir=rtl] .back-link svg,[dir=rtl] .back-btn svg,[dir=rtl] .btn-arrow,[dir=rtl] .chevron-icon{transform:scaleX(-1)}[dir=rtl] .lang-dropdown,[dir=rtl] .profile-popover{right:auto;left:0}[dir=rtl] .sidebar-drawer{left:auto;right:0;transform:translate(100%)}[dir=rtl] .sidebar-drawer.open{transform:translate(0)}[dir=rtl] .count-pill,[dir=rtl] .badge,[dir=rtl] .pill-badge{margin-left:0;margin-right:auto}button,.btn,.nav-link,.status-tab,.category-pill,th,td{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.table-container,.table-wrap,.data-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}img,video,canvas{max-width:100%;height:auto}p,li,td,dd,blockquote,.muted,pre,code{overflow-wrap:break-word}pre{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.wrap>*,main.wrap>*{min-width:0}.table-responsive,.calendar-table-wrap,.table-card{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}@media(max-width:900px){main.wrap{padding-top:1.25rem;padding-bottom:2.25rem}}@media(max-width:640px){body{font-size:14.5px}main.wrap{padding-top:1rem;padding-bottom:2rem}h1{font-size:clamp(1.4rem,6vw,1.85rem)}h2{font-size:clamp(1.15rem,5vw,1.45rem)}h3{font-size:clamp(1rem,4.2vw,1.2rem)}.btn-row,.actions-row,.form-actions{flex-wrap:wrap}}@media(max-width:480px){.wrap{padding-left:calc(.85rem + var(--safe-left));padding-right:calc(.85rem + var(--safe-right))}}@media(pointer:coarse){button,.btn,a.btn,[role=button]{min-height:var(--tap)}.icon-btn,button.icon-btn{min-width:var(--tap)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}button,.btn,a.btn{max-width:100%}.modal-backdrop,.dialog-backdrop{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:calc(1rem + var(--safe-top)) calc(1rem + var(--safe-right)) calc(1rem + var(--safe-bottom)) calc(1rem + var(--safe-left));overflow-y:auto;overscroll-behavior:contain}.modal-box,.modal-dialog,.modal-card,.dialog-panel{width:100%;max-height:calc(100vh - 2rem);max-height:calc(100dvh - 2rem - var(--safe-top) - var(--safe-bottom));display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain}.modal-body,.dialog-body{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-height:0}.modal-header,.modal-footer,.modal-actions,.dialog-header,.dialog-footer{flex-shrink:0}@media(max-width:480px){.modal-actions,.modal-footer{flex-wrap:wrap}.modal-actions>.btn,.modal-footer>.btn{flex:1 1 100%}}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible,[role=button]:focus-visible,[role=menuitem]:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.skip-to-content{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.skip-to-content:focus{position:fixed;top:var(--safe-top);inset-inline-start:var(--safe-left);width:auto;height:auto;margin:0;padding:.7rem 1.1rem;overflow:visible;clip:auto;clip-path:none;z-index:1100;background:var(--surface);color:var(--text);border:2px solid var(--accent);border-radius:0 0 8px 8px;font-weight:600;text-decoration:none}.ai-generation-overlay{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:16px;background:#030f1ebf;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);animation:fadeIn .25s cubic-bezier(.16,1,.3,1)}.ai-generation-card{position:relative;width:520px;max-width:100%;background:var(--surface);border:1.5px solid var(--accent);border-radius:24px;padding:36px 28px;box-shadow:0 24px 60px -12px #020e1c99,0 0 28px #38bdf840;display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;animation:scaleUp .3s cubic-bezier(.16,1,.3,1)}.ai-spinner-container{position:relative;width:72px;height:72px;display:flex;align-items:center;justify-content:center}.ai-spinner-halo{position:absolute;inset:0;border-radius:50%;border:3px solid rgba(56,189,248,.2);border-top-color:var(--accent);border-right-color:var(--accent);animation:spin 1s linear infinite}.ai-spinner-core{width:50px;height:50px;border-radius:50%;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;animation:pulseGlow 2s ease-in-out infinite}.ai-spinner-icon{font-size:24px}@keyframes pulseGlow{0%,to{transform:scale(.95);box-shadow:0 0 10px #38bdf833}50%{transform:scale(1.05);box-shadow:0 0 24px #38bdf880}}.ai-gen-title{margin:0;font-size:20px;font-weight:700;color:var(--text);letter-spacing:-.02em}.ai-notice-box{background:var(--surface-2);border:1px solid var(--border);border-radius:14px;padding:14px 18px;display:flex;align-items:flex-start;gap:12px;text-align:left;width:100%}.ai-notice-box .notice-icon{font-size:22px;flex-shrink:0;line-height:1.2}.ai-notice-box .notice-text{display:flex;flex-direction:column;gap:4px}.ai-notice-box .notice-text strong{font-size:13.5px;color:var(--accent);font-weight:700}.ai-notice-box .notice-text p{margin:0;font-size:12.5px;color:var(--text-muted);line-height:1.45}.ai-steps-indicator{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;width:100%;margin-top:4px}.step-pill{display:inline-flex;align-items:center;gap:6px;background:var(--surface-3);border:1px solid var(--border);padding:5px 12px;border-radius:999px;font-size:11.5px;font-weight:600;color:var(--text-muted)}.step-pill.active{color:var(--text);border-color:var(--accent);background:var(--accent-soft)}.step-pulse{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:pulseDot 1.2s ease-in-out infinite}@keyframes pulseDot{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.step-arrow{color:var(--text-muted);font-size:11px}.ai-active-banner{background:var(--surface);border:1.5px solid var(--accent);border-radius:14px;padding:12px 18px;display:flex;align-items:center;gap:14px;margin-bottom:16px;box-shadow:0 4px 16px #38bdf826;animation:fadeIn .25s ease}.ai-active-banner .banner-text{display:flex;flex-direction:column;gap:2px;font-size:13px}.ai-active-banner .banner-text strong{color:var(--text);font-weight:700}.ai-active-banner .banner-text span{color:var(--text-muted);font-size:12px}@media(max-width:640px){.ai-steps-indicator{display:none}.ai-generation-card{padding:24px 18px}}