:root{--mox-navy: #1E2761;--mox-navy-dark: #151C48;--mox-navy-light: #2A3782;--mox-gold: #EAB308;--mox-gold-light: #FEF08A;--mox-gold-soft: #FEF9C3;--mox-bg: #F4F6FB;--mox-surface: #FFFFFF;--mox-border: #E2E8F0;--mox-text: #0F172A;--mox-muted: #64748B;--mox-success: #10B981;--mox-success-bg: #DCFCE7;--mox-warning: #F59E0B;--mox-warning-bg: #FEF3C7;--mox-danger: #EF4444;--mox-danger-bg: #FEE2E2;--mox-info: #3B82F6;--mox-info-bg: #DBEAFE;--radius-xl: 20px;--radius-lg: 14px;--radius-md: 10px;--shadow-sm: 0 2px 8px rgba(30, 39, 97, .05);--shadow-md: 0 8px 24px rgba(30, 39, 97, .09);--shadow-lg: 0 18px 42px rgba(15, 23, 42, .14)}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:Cairo,Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--mox-bg);color:var(--mox-text);direction:rtl;-webkit-font-smoothing:antialiased;overflow-x:hidden}button,input,select,textarea{font-family:inherit}.mox-switcher-bar{position:sticky;top:0;z-index:100;background:linear-gradient(90deg,#131942,#1e2761 55%,#253178);color:#fff;border-bottom:1px solid rgba(234,179,8,.28);box-shadow:0 4px 20px #0f172a38}.mox-switcher-inner{max-width:1440px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.mox-brand-cluster{display:flex;align-items:center;gap:12px}.mox-logo-badge{width:40px;height:40px;border-radius:12px;background:#ffffff1a;border:1.5px solid rgba(234,179,8,.6);display:flex;align-items:center;justify-content:center;flex-shrink:0}.mox-mode-tabs{display:flex;align-items:center;gap:8px;background:#0f172a6b;padding:5px;border-radius:14px;border:1px solid rgba(255,255,255,.12);flex-wrap:wrap}.mox-mode-tab{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:10px;border:none;background:transparent;color:#ffffffd1;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease}.mox-mode-tab:hover{color:#fff;background:#ffffff14}.mox-mode-tab.active{background:var(--mox-gold);color:#151c48;box-shadow:0 4px 12px #eab30859}.mox-mode-pill{font-size:10px;padding:2px 7px;border-radius:99px;background:#0000002e;color:inherit;font-weight:800}.ios-showcase-stage{max-width:1400px;margin:0 auto;padding:24px 20px 48px;display:grid;grid-template-columns:350px minmax(375px,430px) 1fr;gap:24px;align-items:start}@media(max-width:1180px){.ios-showcase-stage{grid-template-columns:1fr;justify-items:center}.ios-side-panel{width:100%;max-width:580px}}.ios-side-panel{background:#fff;border-radius:18px;border:1px solid var(--mox-border);padding:18px;box-shadow:var(--shadow-sm)}.iphone-shell{width:412px;max-width:100%;height:852px;background:#0f172a;border-radius:50px;padding:12px;box-shadow:0 24px 60px #0f172a52,0 0 0 2px #334155,inset 0 0 0 2px #1e293b;position:relative;display:flex;flex-direction:column}.iphone-screen{flex:1;background:#f6f7fb;border-radius:40px;overflow:hidden;display:flex;flex-direction:column;position:relative}.ios-status-bar{height:44px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:800;flex-shrink:0;position:relative;z-index:10}.ios-status-bar.navy{background:var(--mox-navy);color:#fff}.ios-status-bar.light{background:#fff;color:#0f172a}.dynamic-island{width:108px;height:24px;background:#050811;border-radius:99px;position:absolute;left:50%;transform:translate(-50%);top:9px;display:flex;align-items:center;justify-content:flex-end;padding:0 10px}.dynamic-island-lens{width:8px;height:8px;border-radius:50%;background:radial-gradient(circle,#38bdf8,#1e3a8a 70%)}.ios-scroll-body{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:18px}.ios-scroll-body::-webkit-scrollbar{width:4px}.ios-scroll-body::-webkit-scrollbar-thumb{background:#64748b47;border-radius:99px}.ios-tab-bar{height:72px;background:#fff;border-top:1px solid #E2E8F0;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;padding:4px 6px 12px;flex-shrink:0;position:relative}.ios-tab-btn{border:none;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;font-weight:700;color:#94a3b8;cursor:pointer;padding:4px 2px;position:relative;transition:color .15s ease}.ios-tab-btn.active{color:var(--mox-navy);font-weight:800}.ios-tab-btn.active:before{content:"";position:absolute;top:-5px;width:24px;height:3px;border-radius:99px;background:var(--mox-gold)}.ios-home-indicator{position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:115px;height:4px;border-radius:99px;background:#cbd5e1}.screen-jump-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:10px}.screen-jump-btn{text-align:right;padding:8px 10px;border-radius:10px;border:1px solid #E2E8F0;background:#f8fafc;font-size:12px;font-weight:700;color:#334155;cursor:pointer;display:flex;align-items:center;gap:7px;transition:all .15s ease}.screen-jump-btn:hover{border-color:var(--mox-navy);background:#eef2ff}.screen-jump-btn.active{background:var(--mox-navy);color:#fff;border-color:var(--mox-navy)}.screen-num-badge{width:22px;height:22px;border-radius:6px;background:#1e27611a;color:var(--mox-navy);font-size:11px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.screen-jump-btn.active .screen-num-badge{background:var(--mox-gold);color:#151c48}.mox-card{background:#fff;border-radius:16px;border:1px solid #E2E8F0;padding:14px;box-shadow:var(--shadow-sm)}.mox-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:99px;font-size:11px;font-weight:800}.mox-badge.gold{background:var(--mox-gold-soft);color:#854d0e;border:1px solid #FDE047}.mox-badge.navy{background:#e0e7ff;color:var(--mox-navy)}.mox-badge.green{background:var(--mox-success-bg);color:#065f46}.mox-badge.amber{background:var(--mox-warning-bg);color:#92400e}.mox-badge.red{background:var(--mox-danger-bg);color:#991b1b}.mox-btn-primary{background:var(--mox-navy);color:#fff;border:none;border-radius:12px;padding:12px 18px;font-size:14px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .18s ease}.mox-btn-primary:hover{background:var(--mox-navy-light);transform:translateY(-1px)}.mox-btn-gold{background:var(--mox-gold);color:#151c48;border:none;border-radius:12px;padding:12px 18px;font-size:14px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .18s ease}.mox-btn-gold:hover{filter:brightness(1.05);transform:translateY(-1px)}.mox-btn-outline{background:#fff;color:var(--mox-navy);border:1.5px solid var(--mox-navy);border-radius:12px;padding:10px 16px;font-size:13px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.web-portal-container,.admin-panel-container{max-width:1360px;margin:0 auto;padding:24px 20px 64px}.admin-layout-grid{display:grid;grid-template-columns:260px 1fr;gap:22px;align-items:start}@media(max-width:980px){.admin-layout-grid{grid-template-columns:1fr}}.admin-sidebar{background:var(--mox-navy);color:#fff;border-radius:20px;padding:18px;box-shadow:var(--shadow-md)}.admin-nav-btn{width:100%;text-align:right;padding:11px 14px;border-radius:12px;border:none;background:transparent;color:#fffc;font-size:13.5px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;transition:all .15s ease}.admin-nav-btn:hover{background:#ffffff1a;color:#fff}.admin-nav-btn.active{background:var(--mox-gold);color:#151c48;font-weight:800}.kpi-grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.web-services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:18px}.mox-toast{position:fixed;bottom:24px;left:24px;z-index:250;background:#151c48;color:#fff;border-right:4px solid var(--mox-gold);padding:12px 18px;border-radius:14px;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:700;max-width:420px}
