@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&family=Tajawal:wght@400;500;700;800;900&display=swap";
:root{--font-main:"Tajawal", "Cairo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-title:"Cairo", "Tajawal", -apple-system, BlinkMacSystemFont, sans-serif;--bg-primary:#f1f5f9;--bg-secondary:#fff;--bg-card:#fff;--bg-card-hover:#f8fafc;--bg-input:#fff;--bg-glass:#fffffff2;--border-color:#cbd5e1;--border-hover:#059669;--text-primary:#020617;--text-secondary:#0f172a;--text-muted:#334155;--emerald-primary:#047857;--emerald-light:#059669;--emerald-dark:#064e3b;--emerald-glow:#0478572e;--gold-primary:#b45309;--gold-light:#d97706;--gold-dark:#92400e;--gold-glow:#b453092e;--blue-primary:#1d4ed8;--blue-light:#2563eb;--red-primary:#dc2626;--red-light:#b91c1c;--shadow-sm:0 2px 6px #0f172a0d;--shadow-md:0 6px 18px #0f172a14;--shadow-lg:0 12px 30px #0f172a1f;--shadow-glow:0 0 20px #04785726;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:26px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s cubic-bezier(.16, 1, .3, 1)}[data-theme=dark]{--bg-primary:#0b111e;--bg-secondary:#111a2e;--bg-card:#111a2ec7;--bg-card-hover:#17233eeb;--bg-input:#15223c;--bg-glass:#0f172ab3;--border-color:#ffffff17;--border-hover:#10b98173;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--emerald-primary:#10b981;--emerald-light:#34d399;--emerald-dark:#059669;--emerald-glow:#10b98140;--gold-primary:#f59e0b;--gold-light:#fbbf24;--gold-dark:#d97706;--gold-glow:#f59e0b33;--blue-primary:#3b82f6;--blue-light:#60a5fa;--red-primary:#ef4444;--red-light:#f87171;--red-glow:#ef444433;--shadow-sm:0 2px 6px #00000040;--shadow-md:0 6px 18px #00000059;--shadow-lg:0 12px 30px #00000073;--shadow-glow:0 0 25px #10b9812e}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;font-family:var(--font-main);background-color:var(--bg-primary);color:var(--text-primary);text-align:right;-webkit-font-smoothing:antialiased;transition:background-color var(--transition-normal), color var(--transition-normal);direction:rtl;line-height:1.6;overflow-x:hidden}body:before{content:"";background:radial-gradient(circle, var(--emerald-glow) 0%, transparent 70%);pointer-events:none;z-index:0;filter:blur(60px);border-radius:50%;width:500px;height:500px;position:fixed;top:-150px;right:15%}body:after{content:"";background:radial-gradient(circle, var(--gold-glow) 0%, transparent 70%);pointer-events:none;z-index:0;filter:blur(70px);border-radius:50%;width:450px;height:450px;position:fixed;bottom:5%;left:10%}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{color:var(--text-primary);font-family:inherit;font-size:.95rem}.container{z-index:1;width:100%;max-width:1340px;margin:0 auto;padding:0 1.25rem;position:relative}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast)}[data-theme=light] .glass-panel{background:#fff!important;border:1.5px solid #cbd5e1!important;box-shadow:0 4px 20px #0f172a0d!important}.glass-panel:hover{border-color:var(--border-hover)}[data-theme=light] .grade-metrics,[data-theme=light] .hazard-chip,[data-theme=light] .d-starting-box,[data-theme=light] .ladder-step,[data-theme=light] .pos-metric,[data-theme=light] .p-compare-table,[data-theme=light] .g-points-list,[data-theme=light] .metric-box,[data-theme=light] .allowance-item,[data-theme=light] .deduction-item,[data-theme=light] .prom-details,[data-theme=light] .stage-card,[data-theme=light] .pos-card,[data-theme=light] .d-card,[data-theme=light] .ministry-card,[data-theme=light] .grade-card,[data-theme=light] .p-card,[data-theme=light] .guide-card,[data-theme=light] .note-callout,[data-theme=light] .footer-notes-box{background:#f8fafc!important;border:1.5px solid #e2e8f0!important}[data-theme=light] .stage-card:hover,[data-theme=light] .pos-card:hover,[data-theme=light] .d-card:hover,[data-theme=light] .ministry-card:hover,[data-theme=light] .grade-card:hover,[data-theme=light] .p-card:hover,[data-theme=light] .guide-card:hover{background:#f0fdf4!important;border-color:#10b981!important}[data-theme=light] body{color:#020617;font-weight:700}[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3,[data-theme=light] h4,[data-theme=light] h5,[data-theme=light] h6,[data-theme=light] strong,[data-theme=light] b{color:#020617!important;font-weight:900!important}[data-theme=light] p{line-height:1.7;color:#0f172a!important;font-weight:700!important}[data-theme=light] span{font-weight:700}[data-theme=light] label{color:#020617!important;font-weight:800!important}[data-theme=light] button{font-weight:800!important}[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{color:#020617!important;font-weight:700!important}[data-theme=light] .metric-title,[data-theme=light] .card-title,[data-theme=light] .section-title,[data-theme=light] .grade-name,[data-theme=light] .m-name,[data-theme=light] .d-title,[data-theme=light] .pos-title,[data-theme=light] .p-name,[data-theme=light] .g-title,[data-theme=light] .track-name{color:#020617!important;font-weight:900!important}[data-theme=light] .metric-val,[data-theme=light] .m-val,[data-theme=light] .stage-salary,[data-theme=light] .c-val,[data-theme=light] .s-val,[data-theme=light] .pos-val,[data-theme=light] .stat-value{color:#047857!important;font-weight:900!important}[data-theme=light] .section-desc,[data-theme=light] .hero-description{font-size:1.05rem;color:#0f172a!important;font-weight:700!important}[data-theme=light] .text-muted,[data-theme=light] .stat-sub,[data-theme=light] .grade-sub,[data-theme=light] .m-sub,[data-theme=light] .chip-muted,[data-theme=light] .pos-notes,[data-theme=light] .starting-desc{color:#334155!important;font-weight:700!important}[data-theme=light] .m-lbl,[data-theme=light] .s-lbl,[data-theme=light] .c-lbl,[data-theme=light] .pos-lbl{color:#0f172a!important;font-weight:800!important}.gradient-text-emerald{background:linear-gradient(135deg,#34d399 0%,#10b981 50%,#059669 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}[data-theme=light] .gradient-text-emerald{background:0 0;-webkit-background-clip:unset;-webkit-text-fill-color:#047857;color:#047857;font-weight:900}.gradient-text-gold{background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 50%,#d97706 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}[data-theme=light] .gradient-text-gold{background:0 0;-webkit-background-clip:unset;-webkit-text-fill-color:#b45309;color:#b45309;font-weight:900}.badge{border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:.35rem;padding:.3rem .75rem;font-size:.78rem;font-weight:800;display:inline-flex}.badge-emerald{color:var(--emerald-light);background:#10b98126;border:1px solid #10b9814d}[data-theme=light] .badge-emerald{color:#14532d;background:#dcfce7;border:1.5px solid #86efac}.badge-gold{color:var(--gold-light);background:#f59e0b26;border:1px solid #f59e0b4d}[data-theme=light] .badge-gold{color:#78350f;background:#fef3c7;border:1.5px solid #fcd34d}.badge-blue{color:var(--blue-light);background:#3b82f626;border:1px solid #3b82f64d}[data-theme=light] .badge-blue{color:#1e3a8a;background:#dbeafe;border:1.5px solid #93c5fd}.badge-red{color:var(--red-light);background:#ef444426;border:1px solid #ef44444d}[data-theme=light] .badge-red{color:#7f1d1d;background:#fee2e2;border:1.5px solid #fca5a5}.btn{border-radius:var(--radius-md);transition:all var(--transition-fast);justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.92rem;font-weight:800;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--emerald-dark) 0%, var(--emerald-primary) 100%);color:#fff;box-shadow:0 4px 14px var(--emerald-glow)}.btn-primary:hover{box-shadow:0 6px 20px var(--emerald-glow);transform:translateY(-2px)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color)}[data-theme=light] .btn-secondary{color:#0f172a;background:#fff;border-color:#cbd5e1}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-hover)}.btn-gold{background:linear-gradient(135deg, var(--gold-dark) 0%, var(--gold-primary) 100%);color:#fff;box-shadow:0 4px 14px var(--gold-glow)}.btn-gold:hover{box-shadow:0 6px 20px var(--gold-glow);transform:translateY(-2px)}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-label{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.88rem;font-weight:700;display:flex}[data-theme=light] .form-label{color:#020617;font-weight:800}.form-control{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:.75rem 1rem;font-weight:600}[data-theme=light] .form-control{color:#020617;background:#fff;border:1.5px solid #cbd5e1}.form-control:focus{border-color:var(--emerald-primary);box-shadow:0 0 0 3px var(--emerald-glow)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#475569}[data-theme=light] ::-webkit-scrollbar-thumb{background:#cbd5e1}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:868px){.main-app-container{padding-bottom:5rem}}@media print{body{-webkit-print-color-adjust:exact;print-color-adjust:exact;color:#000!important;background:#fff!important}body:before,body:after,.no-print,.mobile-bottom-nav{display:none!important}.print-only{display:block!important}.container{max-width:100%!important;padding:0!important}}