@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";body{margin:0}:root{--primary:#6366f1;--primary-dark:#4f46e5;--primary-light:#eef2ff;--danger:#ef4444;--danger-light:#fef2f2;--warning:#f59e0b;--warning-light:#fffbeb;--success:#22c55e;--success-light:#f0fdf4;--bg:#f1f5f9;--card:#fff;--border:#e2e8f0;--text:#0f172a;--muted:#64748b;--sidebar-w:220px}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);direction:rtl;margin:0;font-family:Inter,Arial,sans-serif}#root{max-width:1280px;min-height:100vh;margin:auto;padding:0}.topbar{border-bottom:1px solid var(--border);z-index:100;background:#fff;justify-content:space-between;align-items:center;padding:10px 20px;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #0000000d}.nav-btn{cursor:pointer;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.nav-btn:hover{background:var(--bg);color:var(--text)}.nav-btn.active{background:var(--primary-light);color:var(--primary);font-weight:600}.btn-primary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;padding:11px 18px;font-size:14px;font-weight:600;transition:all .15s}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-danger{border:1px solid var(--danger);color:var(--danger);cursor:pointer;background:#fff;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s}.btn-danger:hover{background:var(--danger);color:#fff}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:0 1px 4px #0000000a}input,select,textarea{border:1.5px solid var(--border);direction:rtl;background:#fff;border-radius:10px;outline:none;width:100%;padding:11px 14px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11f}.login-container{background:linear-gradient(135deg,#eef2ff 0%,#f0fdf4 100%);justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.login-card{text-align:center;border:1px solid var(--border);background:#fff;border-radius:20px;width:100%;max-width:400px;padding:28px 24px;box-shadow:0 20px 60px #0000001a}.login-text{color:var(--muted);margin:0 0 8px;font-size:14px;line-height:1.6}.login-subtext{color:#94a3b8;margin:0;font-size:13px;line-height:1.6}.login-description{text-align:right;margin-top:16px;margin-bottom:4px}.badge{border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-red{color:#991b1b;background:#fee2e2}.badge-yellow{color:#92400e;background:#fef3c7}.badge-green{color:#166534;background:#dcfce7}.badge-blue{color:#1e40af;background:#dbeafe}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:8px;width:90%;max-width:420px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}.toast{pointer-events:all;border-radius:12px;align-items:center;gap:10px;padding:12px 16px;font-size:14px;font-weight:500;animation:.3s slideDown;display:flex;box-shadow:0 8px 24px #0000001f}.toast-danger{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.toast-warning{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.toast-success{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.toast-info{color:#1e40af;background:#dbeafe;border:1px solid #bfdbfe}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.notif-bell{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;font-size:18px;line-height:1;transition:background .15s;position:relative}.notif-bell:hover{background:var(--bg)}.notif-dot{background:var(--danger);border:2px solid #fff;border-radius:50%;width:9px;height:9px;position:absolute;top:4px;right:4px}.notif-panel{border:1px solid var(--border);z-index:200;background:#fff;border-radius:16px;width:320px;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden;box-shadow:0 16px 48px #0000001f}.notif-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px;font-size:14px;font-weight:700;display:flex}.notif-item{cursor:pointer;border-bottom:1px solid #f1f5f9;padding:12px 16px;font-size:13px;line-height:1.5;transition:background .1s}.notif-item:hover{background:#f8fafc}.notif-item.unread{background:#eef2ff}.notif-item .notif-time{color:var(--muted);margin-top:3px;font-size:11px}.notif-empty{text-align:center;color:var(--muted);padding:24px;font-size:13px}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:24px;display:grid}.kpi-card{border:1px solid var(--border);background:#fff;border-radius:16px;padding:18px;transition:transform .15s,box-shadow .15s;box-shadow:0 1px 4px #0000000a}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000012}.kpi-value{margin-top:8px;font-size:32px;font-weight:800}.kpi-label{color:var(--muted);font-size:13px;font-weight:500}.kpi-delta{margin-top:4px;font-size:12px}.attention-panel{border-radius:16px;margin-bottom:20px;padding:16px}@media (width<=600px){#root{padding:0}.card{border-radius:14px;padding:12px}.nav-btn{padding:8px 10px;font-size:13px}input,select{font-size:16px}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:10px}.kpi-value{font-size:26px}.notif-panel{width:95vw;right:0;left:unset}.topbar{padding:8px 12px}}