:root{--accent:#2a9d8f}*{box-sizing:border-box}body{font-family:Inter,Segoe UI,Arial;background:#f6f7fb;margin:0;padding:0;line-height:1.5}a,button,input,select,textarea{transition:all .2s ease}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}[dir=rtl] body{font-family:Cairo,Tajawal,Noto Sans Arabic,Arial,sans-serif}.container{max-width:1100px;margin:24px auto;padding:18px;background:#fff;border-radius:8px;box-shadow:0 8px 20px rgba(20,20,40,.06)}.nav{display:flex;gap:12px;align-items:center;margin-bottom:14px}[dir=rtl] .nav{flex-direction:row-reverse}.nav a{color:#222;text-decoration:none;padding:8px 12px;border-radius:6px}.nav a.active{background:var(--accent);color:#fff}.row{display:flex;gap:12px}[dir=rtl] .row{flex-direction:row-reverse}.card{border:1px solid #eee;padding:12px;border-radius:6px;background:#fff}table{width:100%;border-collapse:collapse}td,th{padding:8px;border-bottom:1px solid #f0f0f0;text-align:start}[dir=rtl] td,[dir=rtl] th{text-align:right}.btn{padding:8px 12px;border-radius:6px;border:1px solid #ccc;background:#fff;cursor:pointer}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.form-row{display:flex;gap:12px;flex-wrap:wrap}[dir=rtl] .form-row{flex-direction:row-reverse}.form-row input,.form-row select,textarea{padding:8px;border-radius:6px;border:1px solid #ddd;width:100%}[dir=rtl] .form-row input,[dir=rtl] .form-row select,[dir=rtl] textarea{text-align:right}.header{display:flex;justify-content:space-between;align-items:center}[dir=rtl] .header{flex-direction:row-reverse}:root{--app-shell-bg:#f2f6fb;--app-panel-bg:hsla(0,0%,100%,.88);--app-panel-border:rgba(20,52,90,.1);--app-shadow-soft:0 20px 45px -28px rgba(15,23,42,.24);--app-shadow-strong:0 30px 70px -40px rgba(20,52,90,.4);--app-focus-ring:rgba(45,106,135,.34)}html{background:linear-gradient(180deg,#eef4fa,#f8fbfd)}body{min-height:100vh;color:#0f172a;background:radial-gradient(circle at top,rgba(45,106,135,.08) 0,rgba(45,106,135,0) 28%),linear-gradient(180deg,#eef4fa,#f8fbfd)}::selection{color:#fff;background:#1f5c7a}a{transition:color .18s ease,opacity .18s ease}.MuiButton-root,.MuiCard-root,.MuiChip-root,.MuiPaper-root,button{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease}[role=button]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--app-focus-ring);outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:rgba(31,92,122,.45) rgba(15,23,42,.08)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:rgba(15,23,42,.08)}::-webkit-scrollbar-thumb{border-radius:999px;border:2px solid rgba(15,23,42,.08);background:linear-gradient(180deg,rgba(20,52,90,.8),rgba(45,106,135,.78))}@keyframes fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion:reduce){@keyframes fade-in-up{0%{opacity:1;transform:none}to{opacity:1;transform:none}}@keyframes scale-in{0%{opacity:1;transform:none}to{opacity:1;transform:none}}}