[x-cloak]{display:none!important}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}:root{--color-primary:#FACC15;--color-primary-dark:#EAB308;--color-secondary:#0F172A;--color-accent:#F97316;--color-bg:#F8FAFC;--color-surface:#FFFFFF;--color-text:#0F172A;--color-text-muted:#64748B;--color-border:#E2E8F0;--shadow-sm:0 1px 2px 0 rgba(15,23,42,.04);--shadow-md:0 4px 12px -2px rgba(15,23,42,.08);--shadow-lg:0 12px 32px -8px rgba(15,23,42,.12);--radius:12px}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:'Tajawal','Segoe UI',system-ui,-apple-system,sans-serif;background:var(--color-bg);color:var(--color-text);direction:rtl}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#CBD5E1;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#94A3B8}.btn-brand{background:linear-gradient(135deg,#FACC15 0%,#F97316 100%);color:#0F172A;font-weight:700;padding:.75rem 1.5rem;border-radius:var(--radius);transition:all .2s ease;box-shadow:0 4px 14px -4px rgba(250,204,21,.5)}.btn-brand:hover{transform:translateY(-1px);box-shadow:0 8px 20px -6px rgba(250,204,21,.6)}.btn-brand:active{transform:translateY(0)}.card{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.input{width:100%;padding:.75rem 1rem;border:1.5px solid var(--color-border);border-radius:10px;background:#fff;transition:all .15s ease;font-size:.95rem}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px rgba(250,204,21,.15)}.sidebar-link{display:flex;align-items:center;gap:.75rem;padding:.7rem 1rem;border-radius:10px;color:#64748B;font-weight:500;transition:all .15s ease}.sidebar-link:hover{background:#F1F5F9;color:var(--color-secondary)}.sidebar-link.active{background:linear-gradient(135deg,rgba(250,204,21,.15),rgba(249,115,22,.1));color:var(--color-secondary);font-weight:700}.sidebar-link.active svg{color:var(--color-accent)}.toggle{position:relative;display:inline-flex;width:44px;height:24px;cursor:pointer}.toggle input{opacity:0;width:0;height:0}.toggle .slider{position:absolute;inset:0;background:#CBD5E1;border-radius:999px;transition:.2s}.toggle .slider::before{content:'';position:absolute;height:18px;width:18px;right:3px;top:3px;background:#fff;border-radius:50%;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,.2)}.toggle input:checked+.slider{background:linear-gradient(135deg,#FACC15,#F97316)}.toggle input:checked+.slider::before{right:23px}.badge{display:inline-flex;align-items:center;padding:.25rem .65rem;border-radius:9999px;font-size:.75rem;font-weight:700}.badge-success{background:#DCFCE7;color:#166534}.badge-warning{background:#FEF3C7;color:#92400E}.badge-danger{background:#FEE2E2;color:#991B1B}.badge-info{background:#DBEAFE;color:#1E40AF}@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}