@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600&display=swap";body{background:#f5f5f5;margin:0;font-family:Arial,sans-serif}*{box-sizing:border-box}:root{--brand-tint:#e6f1fb;--brand-base:#378add;--brand-strong:#185fa5;--brand-deep:#0c447c;--progress-tint:#e1f5ee;--progress-base:#1d9e75;--progress-strong:#0f6e56;--surface-page:#f8fafc;--surface-raised:#fff;--surface-sunken:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#6b7280;--border-hairline:#e5e7eb;--border-default:#d1d5db;--border-strong:#9ca3af;--radius-md:10px;--radius-lg:14px;--control-height:44px;--shadow-card:0 1px 2px #0f172a0a;--shadow-raised:0 4px 12px #0f172a0f;--transition-fast:.12s ease}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--surface-page);color:var(--text-primary);-webkit-font-smoothing:antialiased;margin:0;font-family:IBM Plex Sans Arabic,IBM Plex Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.6}input,select,textarea{font-family:inherit;font-size:16px}:focus-visible{outline:2px solid var(--brand-base);outline-offset:2px;border-radius:4px}:focus:not(:focus-visible){outline:none}.u-btn{min-height:var(--control-height);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast)}.u-btn:hover{filter:brightness(.96)}.u-btn:active{transform:scale(.985)}.u-btn:disabled{cursor:not-allowed;opacity:.55;filter:none;transform:none}.u-card{transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.u-card--interactive:hover{border-color:var(--border-strong);box-shadow:var(--shadow-raised)}.u-input{min-height:var(--control-height);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.u-input:hover{border-color:var(--border-strong)}.u-input:focus{border-color:var(--brand-base);box-shadow:0 0 0 3px var(--brand-tint);outline:none}.u-link:hover{text-decoration:underline}.u-grid{gap:16px;display:grid}.u-grid-2{grid-template-columns:1fr 1fr}.u-grid-3{grid-template-columns:repeat(3,1fr)}.u-grid-sidebar{grid-template-columns:2fr 1fr}.u-grid-filters{grid-template-columns:1.4fr 1fr 1fr}.u-grid-auto{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media (width<=900px){.u-grid-3,.u-grid-filters{grid-template-columns:1fr 1fr}.u-grid-sidebar{grid-template-columns:1fr}}@media (width<=640px){.u-grid-2,.u-grid-3,.u-grid-filters,.u-grid-auto{grid-template-columns:1fr}.u-grid{gap:12px}}.u-page{max-width:1180px;margin:0 auto;padding:0 20px 60px}@media (width<=640px){.u-page{padding:0 14px 40px}}.u-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}@media (width<=640px){.u-table-wrap table{min-width:560px}}.u-modal{border-radius:var(--radius-lg);width:100%;max-width:760px;max-height:90vh;overflow-y:auto}@media (width<=640px){.u-modal{border-radius:0;max-height:100vh}.u-modal-overlay{padding:0}}[dir=rtl] .u-text-start{text-align:right}[dir=ltr] .u-text-start{text-align:left}.u-flip-icon{display:inline-block}[dir=rtl] .u-flip-icon{transform:scaleX(-1)}.u-visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.nav-desktop{display:flex}.nav-burger{display:none}@media (width<=900px){.nav-desktop{display:none}.nav-burger{justify-content:center;align-items:center;display:inline-flex}}.auth-grid{grid-template-columns:1fr 1fr;align-items:start;gap:40px;display:grid}.auth-two-col{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=900px){.auth-grid{grid-template-columns:1fr;gap:32px}.auth-left{order:2}.auth-form{order:1}}@media (width<=560px){.auth-two-col{grid-template-columns:1fr}}.home-hero-grid{grid-template-columns:1.2fr 1fr;align-items:center;gap:40px;display:grid}.home-card-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;display:grid}.home-steps-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}@media (width<=900px){.home-hero-grid{grid-template-columns:1fr;gap:28px}.admin-main-grid{grid-template-columns:1fr}}select,input,textarea{min-width:0;max-width:100%}p,h1,h2,h3,h4,span,div{overflow-wrap:break-word}